Long Luxi

Code hiện nội dung khi nhấn Like +1 cho website - blogspot

Code hiện nội dung khi nhấn Like +1 cho website - blogspot. Hiện 
nội dung được ẩn khi like mạng xã hội cho blogspot.Hiện nội dung được ẩn
 khi like mạng xã hội cho blogspot. Code ẩn hiện nội dung khi nhấn Like 
+1 cho website - blogspot. Hiện nội dung khi nhấn +1 . Hiện nội dung bị 
ẩn khi nhấn Like Facebook. Code giúp tăng like Fanpage Facebook , 
tăng +1 hiệu quả. 
 
Bạn muốn tăng lượng like Fanpage của bạn, tăng số +1 cho website blog 
của bạn một cách tự nhiên và hiệu quả. Cách này sẽ giúp tăng lượng độc 
giả truy cập lên là nhờ các mạng xã hội hiện nay. 
 
Cách này sẽ mang tích bắt buộc độc giả phải nhấn Like hay +1 thì mới đọc được nội dung quan trọng hay link qua trong 
<div style="text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqLa_sQHo5xPVbp5d57DbfSWwXEHp9FLn4LAWC9qEU5_JxipNYUmY8VLy_vlYOkJWVMdSkdkctkA6fM1ONZJC06cf9m44V1ZVHTGSl7TbTxHUlsk52FstlC2yXJITzfkxN6Q1VQcF2lkcg/s1600/lock.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqLa_sQHo5xPVbp5d57DbfSWwXEHp9FLn4LAWC9qEU5_JxipNYUmY8VLy_vlYOkJWVMdSkdkctkA6fM1ONZJC06cf9m44V1ZVHTGSl7TbTxHUlsk52FstlC2yXJITzfkxN6Q1VQcF2lkcg/s1600/lock.jpg" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
 
 
Tất nhiên ta chỉ nên ẩn những nội dung "cần ẩn" ví dụ như "Hãy like nếu 
bạn đủ 18 tuổi để xem nội dung này" hay "Like để download" chẳng hạn. 
Đừng nên lạm dụng chức năng này quá sẽ gây phiền hà cho độc giả của mình
 để rồi chịu hậu quả ngược lại. 
 
Và để xem nội dung của bài viết bạn hãy click một trong số các button bên dưới nhé =)) 
Cài đặt trong template 
 
Dán đoạn code bên dưới vào trước thẻ </head>  
 
<div class="chuy">
 
<blockquote class="tr_bq">
<link href="https://sites.google.com/site/longluxi1234/likeblog.css" rel="stylesheet" type="text/css"></link>
</blockquote>
</div>
 
 
Khi viết bài thì bạn lựa chọn viết bài với chế độ HTML và sử dụng đoạn code bên dưới 
 
<blockquote class="tr_bq">
<div class="chuy">
<article id="default-usage"> 
<div class="to-lock" style="display: none;"> 
<div style="text-align: center; margin-bottom: 20px;"> 
 
NỘI DUNG ẨN CÁC BẠN VIẾT TẠI ĐÂY 
 
</article> 
</div><div id="mblunlocker"> </div> 
<script type="text/javascript" src="https://sites.google.com/site/longluxi1234/Locklike_blog.js.htm"></script> 
<script> 
jQuery(document).ready(function ($) { 
$("#default-usage .to-lock").socialLock({ 
text: { 
header: "Nội Dung Đã Được Khóa", 
message: "Hãy like - theo dõi - +1 để xem nội dung khóa." 
}, 
style: "ui-social-locker-secrets", 
buttons: { 
order: ["facebook", "google"] 
}, 
// facebook options 
facebook: { 
url: "https://www.facebook.com/longluxi", 
appId: "601174309959360" 
}, 
google: { 
url: "http://longluxi.blogspot.com/" 
} 
}); 
});;;; 
</script></div>
</blockquote>
 
Nếu bạn muốn thêm cả twitter nữa thì chỉ cần thay đoạn chữ màu cam bên trên thành đoạn code sau: 
 
<div class="chuy">
<blockquote class="tr_bq">
order: ["twitter", "facebook", "google"] 
}, 
 // twitter options 
twitter: { 
url: "https://twitter.com/kitepro1204", 
text: "Upgrade your social buttons to get more social traffic!" 
}, 
// facebook options 
facebook: { 
url: "https://www.facebook.com/longluxi", 
appId: "601174309959360" 
}, 
google: { 
url: "http://longluxi.blogspot.com/"</blockquote>
 </div>
 
- Thay đổi những phần được mình tô màu đỏ thành những đường link của bạn nha! 
- Riêng 601174309959360 là id của app thì bạn có thể giữ nguyên hoặc sử dụng appid của mình nếu bạn nắm rõ về phần này 
 
Chúc các bạn thành công !

Code hiện nội dung khi nhấn Like +1 cho website - blogspot

Code hiện nội dung khi nhấn Like +1 cho website - blogspot. Hiện nội dung được ẩn khi like mạng xã hội cho blogspot.Hiện nội dung được ẩn ...

Đọc thêm »

Tiện Ích Bài Viết Liên Quan Mới Nhất Cho Nhãn Trên Sidebar

<h2 class="post-title entry-title" itemprop="name">
<a href="http://longluxi.blogspot.com/2014/05/tien-ich-bai-viet-lien-quan-moi-nhat.html">Tiện Ích Bài Viết Liên Quan Mới Nhất Cho Nhãn Trên Sidebar</a></h2>
<a href="https://www.blogger.com/null">
</a><div class="post-header">

</div>

<div class="post-body entry-content" style="background-color: white; font-family: Arial, Veranda, Tahoma, Times, 'Times New Roman'; font-size: 15px; line-height: 20px; margin: 0px; padding: 0px 10px 0px 0px; text-align: justify;">
Ý
 tưởng khi xem một bài viết trong nhãn bất kỳ thì tiện ích Bài viết mới 
nhất xuất hiện gồm những bài mới đăng trong nhãn đó, là một ý tưởng khá 
thú vị. Thực ra ý tưởng này mình đã nghĩ đến khá lâu và đã từng bước tạo
 code và thử nghiệm. Gần đây quá trình thử nghiệm đã tới giai đoạn cuối 
cùng với những dấu hiệu thành công như ý muốn, cũng đúng vào lúc tác giả
 Lee Peace đã nhắc đến ý tưởng này và
 yêu cầu mình hiện thực hóa xem có được không. Tiện ích này mình gọi tên
 là tiện ích Bài viết liên quan mới nhất cho nhãn trên Sidebar (Recent 
and Related Posts for Label on Sidebar). Trên tiện ích này, mình tạo 
thêm phân trang có bản (Prev, Next) để có thể xem tất cả các bài viết 
trong nhãn một cách dễ dàng.  
 
<div class="separator" style="clear: both; text-align: center;">
<img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-en89XJZUMpo8vrpy-yPYj2HPEzp4NlEiwow9Zu2UE-HgGgWNbhY9ZBWKFXPaddNqEXP6AD5aiqeMy73EQBDJrGYYxE9irUHYTKITYZ2YZOw9MXuaLt2_EwdK25oD-2s8QUvX9rzPVAdb/s1600/bai-viet-lien-quan-longluxi.PNG" width="296" /></div>
<div class="separator" style="clear: both; margin: 0px; padding: 0px; text-align: center;">
</div>
 Bước 1. Đăng nhập Blogger, vào Design >> Edit HTML, chọn Page Elements. Thêm một tiện ích HTML/Javascript, đặt tên tiện ích là Bài viết liên quan mới nhất rồi
 dán vào phần nội dung tiện ích bằng đoạn code sau đây (Lưu ý mình đã 
chú ý script để các bạn có thể hiểu tường tận hơn, có thể tùy biến CSS 
theo ý thích của bạn).  
 <script type="text/javascript"> // Recent and Related Posts for Label on Sidebar widget by www.thuthuatblogger.info var post_per_page = 5; // thiết lập số bài viết hiển thị mỗi trang var post_snippet = 70; // thiết lập số ký tự tóm tắt bài viết var homepage = "http://longluxi.blogspot.com"; // đặt địa chỉ trang chủ của bạn var img_default = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7aLzLVJcm6C-dqr6qBnMZ0Q02NkVdr_iROjICgV0KYoqs7ze1MxYuqSYnXjuHoAStBmRU0FnffcrqNik-fIjh92VljyP-VAoOvBXoAVbQjcsgKEJShRJI2gLFtLjwJjuN8NmJD0MYweI/s1600/recentpostnothumb.png"; // thiết lập URL hình mặc định var pr_flagfirst = 0; var url_prev, url_next; 
<div style="font-style: italic; line-height: 16px; margin: 0px; padding: 0px;">
// chức năng tạo tóm tắt bài viết</div>
function removeHtmlTag(strx,chop){ var summary = strx.split("<"); for(var i=0;i<summary.length;i++){ if(summary[i].indexOf(">")!=-1){ summary[i] = summary[i].substring(summary[i].indexOf(">")+1,summary[i].length); } } summary = summary.join(""); summary = summary.substring(0,chop-1); return summary; } 
<div style="font-style: italic; line-height: 16px; margin: 0px; padding: 0px;">
// chức năng tạo biến</div>
function showpagelabel(json) { var entry, posttitle, posturl, postimg, postcontent; var str_out = ""; 
<div style="font-style: italic; line-height: 16px; margin: 0px; padding: 0px;">
// tìm URL phân trang</div>
for (var k = 0; k < json.feed.link.length; k++) { if (json.feed.link[k].rel == 'previous') { 
<div style="font-style: italic; line-height: 16px; margin: 0px; padding: 0px;">
// đây là trang trước</div>
url_prev = json.feed.link[k].href; } if (json.feed.link[k].rel == 'next') { // đây là trang sau url_next = json.feed.link[k].href; } } 
<div style="font-style: italic; line-height: 16px; margin: 0px; padding: 0px;">
// đọc và xác định bài viết</div>
for (var i = 0; i < post_per_page; i++) { 
<div style="font-style: italic; line-height: 16px; margin: 0px; padding: 0px;">
// nếu không có thì kết thúc lệnh</div>
if (i == json.feed.entry.length) { break; } entry = json.feed.entry[i]; 
<div style="font-style: italic; line-height: 16px; margin: 0px; padding: 0px;">
// đây là tiêu đề bài viết</div>
posttitle = entry.title.$t; 
<div style="font-style: italic; line-height: 16px; margin: 0px; padding: 0px;">
// tìm URL bài viết</div>
for (var k = 0; k < entry.link.length; k++) { if (entry.link[k].rel == 'alternate') { 
<div style="font-style: italic; line-height: 16px; margin: 0px; padding: 0px;">
// lưu trữ nó</div>
posturl = entry.link[k].href; break; } } 
<div style="font-style: italic; line-height: 16px; margin: 0px; padding: 0px;">
// tìm nội dung bài viết và lưu trữ nó</div>
if ("content" in entry) { postcontent = entry.content.$t; } else if ("summary" in entry) { postcontent = entry.summary.$t; } else { postcontent = ""; } 
<div style="font-style: italic; line-height: 16px; margin: 0px; padding: 0px;">
// tìm ảnh đại diện hoặc sử dụng ảnh mặc định</div>
if ("media$thumbnail" in entry) { postimg = entry.media$thumbnail.url; } else { postimg = img_default; } 
<div style="font-style: italic; line-height: 16px; margin: 0px; padding: 0px;">
// kết thúc đọc, tạo code HTML</div>
str_out += "<div class='pagi_label'>"; str_out += "<a href='" + posturl + "' target='_blank'><img src='" + postimg + "' /></a>"; str_out += "<h6><a href='" + posturl + "' target='_blank'>" + posttitle + "</a></h6>"; str_out += "" + removeHtmlTag(postcontent,post_snippet) + " ..."; str_out += "</div>"; } 
<div style="font-style: italic; line-height: 16px; margin: 0px; padding: 0px;">
// kết thúc lệnh và viết kết quả</div>
document.getElementById("Sidebar_Label").innerHTML = str_out; 
<div style="font-style: italic; line-height: 16px; margin: 0px; padding: 0px;">
// tạo phần phân trang</div>
str_out = ""; 
<div style="font-style: italic; line-height: 16px; margin: 0px; padding: 0px;">
// nếu có trang trước, tạo link nhưng chỉ có text</div>
if(url_prev) { str_out += "<a href='javascript:navi_pagi_label(-1);' class='previous'>Prev</a>"; } else { str_out += "Prev"; } 
<div style="font-style: italic; line-height: 16px; margin: 0px; padding: 0px;">
// nếu có trang sau, tạo link nhưng chỉ có text</div>
if(url_next) { str_out += "<a href='javascript:navi_pagi_label(1);' class='next'>Next</a>"; } else { str_out += "Next"; } 
<div style="font-style: italic; line-height: 16px; margin: 0px; padding: 0px;">
// tạo link cho trang đầu</div>
str_out += "<a href='javascript:navi_pagi_label(0);' class='first'>First</a>"; 
<div style="font-style: italic; line-height: 16px; margin: 0px; padding: 0px;">
// viết code</div>
document.getElementById("PR_Label_Sidebar").innerHTML = str_out; } 
<div style="font-style: italic; line-height: 16px; margin: 0px; padding: 0px;">
// chức năng tạo địa chỉ feed sẽ đọc</div>
function navi_pagi_label(direction){ var p, parameters; if(direction==-1) { 
<div style="font-style: italic; line-height: 16px; margin: 0px; padding: 0px;">
// trang trước</div>
p = url_prev.indexOf("?"); parameters = url_prev.substring(p); } else if (direction==1) { 
<div style="font-style: italic; line-height: 16px; margin: 0px; padding: 0px;">
// trang sau</div>
p = url_next.indexOf("?"); parameters = url_next.substring(p); } else { 
<div style="font-style: italic; line-height: 16px; margin: 0px; padding: 0px;">
// trang đầu</div>
parameters = "?start-index=1&max-results=" + post_per_page + "&orderby=published&alt=json-in-script" } parameters += "&callback=showpagelabel"; include_script(parameters); } 
<div style="font-style: italic; line-height: 16px; margin: 0px; padding: 0px;">
// đây là chức năng load script động</div>
function include_script(parameters) { 
<div style="font-style: italic; line-height: 16px; margin: 0px; padding: 0px;">
// nếu không phải lần đầu tiên thì loại script trên</div>
if(pr_flagfirst==1) {remover_script();} 
<div style="font-style: italic; line-height: 16px; margin: 0px; padding: 0px;">
// xóa mọi thứ và đặt một dòng text hoặc ảnh load</div>
document.getElementById("Sidebar_Label").innerHTML = "<div id='loading_script'></div>"; document.getElementById("PR_Label_Sidebar").innerHTML = ""; 
<div style="font-style: italic; line-height: 16px; margin: 0px; padding: 0px;">
// đây là lưu trữ feed</div>
var archive_feeds = homepage + "/feeds/posts/default/-/" + label_Related + parameters; 
<div style="font-style: italic; line-height: 16px; margin: 0px; padding: 0px;">
// load và cho chạy</div>
var nouvo = document.createElement('script'); nouvo.setAttribute('type', 'text/javascript'); nouvo.setAttribute('src', archive_feeds); nouvo.setAttribute('id', 'LABELTEMPORAL'); document.getElementsByTagName('head')[0].appendChild(nouvo); pr_flagfirst = 1; } 
<div style="font-style: italic; line-height: 16px; margin: 0px; padding: 0px;">
// đây là chức năng loại bỏ script đã được load trước</div>
function remover_script() { var that = document.getElementById("LABELTEMPORAL"); var father = that.parentNode; father.removeChild(that); } 
<div style="font-style: italic; line-height: 16px; margin: 0px; padding: 0px;">
// khi load trang thì bắt đầu chức năng</div>
onload=function() { navi_pagi_label(0); } </script> <style type="text/css"> #Sidebar_Label {margin: 0 auto;width:100%} .pagi_label {background-color: #ffffff;border-bottom: 1px dashed #101921;height: 72px;margin: 5px 0;padding: 5px;width: 300px;} .pagi_label img {float: left;height: 70px;padding:1px;margin: 0 5px 3px;width: 70px;} .pagi_label h6, .pagi_label h6 a {margin:0;font-size:12px !important;font-weight:normal !important;color:#069} .pagi_label:hover {-moz-box-shadow: 0px 0px 60px #505961 inset;} .pagi_label p {font-size:12px;padding:0 3px 3px} #loading_script
 {color:#888;font-family:Century 
Gothic;font-size:100px;letter-spacing:-10px;text-align:center;text-shadow:-5px
 0 1px #444; background: #ffffff 
url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEip66_Dc0wDhDYdJDhAXf44a5fvrZJt9M0w2AN9_8DBYfrQf8484RfqdBsLKynnctwLL58ny7wzxAMJ4ftW7567e4oNqVzBvdzAc7Ep6LxR9OQYcI8jShEARkn2cfSXTav7ZgtLBhllp3Y/)
 no-repeat 50% 50%; height:489px; width:100%} #PR_Label_Sidebar
 {background-color: #ffffff;color: #BBB;font-family: Tahoma;font-size: 
18px;text-align: center;margin:0 auto;width:100%} #PR_Label_Sidebar
 a {color: #BBB !important;font-family: Tahoma !important;font-size: 
18px !important;font-weight: normal !important;padding: 5px 
10px;display:block;} #PR_Label_Sidebar a:hover {color: #069 !important;} #PR_Label_Sidebar span {padding: 5px 10px;} #PR_Label_Sidebar span.disabled {color: #666 !important;} #PR_Label_Sidebar .next {float:right;} #PR_Label_Sidebar .previous {float:left;} #PR_Label_Sidebar .first {text-align:center;} </style> <div id="Sidebar_Label"></div> <div id="PR_Label_Sidebar"></div>  
 Bước 2. Vào Edit HTML--> chọn Expand Wiget Templates. 
Dùng (F3) tìm từ khóa Bài viết liên quan mới nhất mà bạn mới đặt tên cho Widget của tiện ích rồi thay nó thành như sau (phần đánh dấu màu đỏ là phần thêm vào):  
Chú ý : HTML1 : Giả định ID Widget bạn là HTML1 
 <b:widget id='HTML1' locked='false' title='Bài viết liên quan mới nhất' type='HTML'> <b:includable id='main'> 
<div style="font-style: italic; line-height: 16px; margin: 0px; padding: 0px;">
<b:if cond='data:blog.pageType == &quot;item&quot;'></div>
 <b:if cond='data:title != &quot;&quot;'> <h2 class='title'><data:title/></h2> </b:if> <div class='widget-content'> <data:content/> </div> 
<div style="font-style: italic; line-height: 16px; margin: 0px; padding: 0px;">
<b:else/></div>
<div style="font-style: italic; line-height: 16px; margin: 0px; padding: 0px;">
<style>#HTML1 {display: none;}</style></div>
<div style="font-style: italic; line-height: 16px; margin: 0px; padding: 0px;">
</b:if></div>
</b:includable> </b:widget>  
 Bước 3.
 Dùng các từ khóa như: <div class='post-footer'>, <div 
class='post-footer-line post-footer-line-1'> hoặc <div 
class='post-footer-line post-footer-line-2'> tìm đến đoạn code XML 
liên quan đến nhãn rồi thay nó bằng đoạn code bên dưới (phần đánh dấu 
màu đỏ là phần được thêm vào):  
 <b:if cond='data:post.labels'> <data:postLabelsLabel/> <b:loop values='data:post.labels' var='label'> <script>var label_Related=&quot;<data:label.name/>&quot;;</script> 
<a
 expr:href='data:label.url' 
rel='tag'><data:label.name/></a><b:if 
cond='data:label.isLast != &quot;true&quot;'>,</b:if> </b:loop> </b:if> </div>

Tiện Ích Bài Viết Liên Quan Mới Nhất Cho Nhãn Trên Sidebar

Tiện Ích Bài Viết Liên Quan Mới Nhất Cho Nhãn Trên Sidebar Ý tưởng khi xem một bài viết trong nhãn bất kỳ thì tiện ích Bài viết mớ...

Đọc thêm »

8 mẹo tiết kiệm thời gian cho blogger

Lưu Nhất Phong 0 blogspot, Thủ thuật blogspot Thứ Năm, tháng 4 10, 2014

Xây dựng nội dung cho website của mình hoặc viết blog là một công việc khá tốn nhiều thời gian cho mỗi bài viết. Trung bình các blogger thường bỏ khoảng 4 – 5 giờ hoàn thành cho một bài thông thường và con số có thể lên đến vài ngày hoặc vài tuần cho một bài viết quan trọng, chi tiết là điều hoàn toàn bình thường. Một trong các khó khăn khi làm blog chuyên nghiệp là chúng ta luôn cảm thấy thiếu thời gian. Bạn đã từng ngồi vào ghế và viết một bài thật chất lượng sẽ thấy nó tốn thời gian như thế nào, và nó càng tệ hại hơn khi bạn đang vướng bận các việc khác như học hành, công việc mà không nỡ chia tay với đam mê của mình. Bạn thấy Thachpham.com đăng bài liên tục chứ và vì sao mình lại có thể có được nhiều bài chất lượng như vậy mặc dù thời gian mình dành cho site này không nhiều? Quan trọng là cách chúng ta tiêu thời gian như thế nào. <h5>1. Luôn lưu trữ các ý tưởng</h5> <img alt="evernote-ytuongvietbai" border="0" height="248" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtVmag6o_B4yHOijEcFLtSrugDeurtl-bM53-Qc-9gEkGOshrNIKF9iXOpjc_C91ruIdTHr7HhAcK1l4E5SYDCDBK_IxwJXF78_JskCGgRvVsgvwUOYGKd3o5akxb33iu7U4Tih7PhQ8nV/?imgmax=800" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; padding-top: 0px; padding-left: 0px; margin: 0px; display: inline; padding-right: 0px; border-top-width: 0px" title="evernote-ytuongvietbai" width="401"> Ý tưởng viết bài là công đoạn tốn thời gian nhất vì tìm được một ý tưởng hay, đủ khả năng viết không bao giờ là việc dễ dàng. Theo kinh nghiệm của mình, nếu bạn đã có sẵn một ý tưởng từ trước thì sẽ tiết kiệm được từ 1 đến 2 giờ mỗi ngày cho công việc đó. Hơn nữa, có ý tưởng sẵn bạn sẽ chuẩn bị bài viết thật chu đáo hơn. Để lưu trữ ý tưởng khá đơn giản, bạn có thể sử dụng Evernote nếu có smartphone hoặc một quyển sổ nhỏ nếu bạn thích ghi chép, hoặc sử dụng Facebook Favorite Extensions cho Google Chrome của tác giả Karmi Phúc ở blog này để lưu lại các bài tham khảo nếu bạn thường xuyên lướt Facebook. Mình thì sử dụng Evernote mọi lúc mọi nơi, thậm chí trong giờ học nếu có ý tưởng mới bay ra mình cũng “chụp” lại ngay lập tức. <h5>2. Dành 10 phút để lên sẵn dàn ý (outline)</h5> Sau khi đã có sẵn các ý tưởng rồi, bạn cũng nên tranh thủ mỗi ngày bỏ ra tầm 30 phút hoặc 60 phút để lên dàn ý cho nó, mỗi bài bạn chỉ mất từ 5 đến 10 phút lên dàn ý là tối đa, theo kinh nghiệm của mình. <img alt="outline-bai-viet" border="0" height="566" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6LchRgfaPkYu6_oiMKWqtX-B5-nImnv6J76Y0DNqo9s0dHf5OabsLN2ZNS93weFIVR0DE7ttztukw9Za6dxLT_VOOLW6ZwXxRbQmabPmG1-LtD5-YsJT_lzATV3ofjmPyFsaSt2nc50ak/?imgmax=800" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; padding-top: 0px; padding-left: 0px; margin: 0px; display: inline; padding-right: 0px; border-top-width: 0px" title="outline-bai-viet" width="568"> Mẫu một outline bài viết Dàn ý chẳng cần phải đẹp và chuyên nghiệp, bạn ghi vào đâu cũng được (Evernote, Notepad, Wordpad, Word,…) và miễn sao là nó dễ dàng ghi. Trong outline nó cũng không cần chứa gì nhiều, chỉ cần chứa các ý trọng tâm và các phần quan trọng cho bài viết. Công đoạn outline này sẽ giúp bạn không phải lúng túng khi soạn bài, bạn cũng không sợ quên mất mạch văn của mình. Chỉ cần mở lên và viết lại theo các ý trọng tâm, quá khỏe phải không nào? <h5>3. Tập trung cao độ khi viết bài</h5> <img alt="stayfocusd" border="0" height="414" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMGYZeOtu5UKHtz49lbb9MzoGN3d2zx6ZRS_aOwH5MRV79u1as7RK9OYIzvwlK4JI_o277LCO_qyhvr2EYb0fUvKNCHAnBMe-hDsdH88uX8Pp3WfXAi2eAN_lpGx4tNJfb3oRj3_n_L2mv/?imgmax=800" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; padding-top: 0px; padding-left: 0px; margin: 0px; display: inline; padding-right: 0px; border-top-width: 0px" title="stayfocusd" width="425"> Ứng dụng StayFocus cho trình duyệt Google Chrome Bạn đã có ý tưởng và outline rồi thì việc cuối cùng chỉ là viết thôi, công đoạn viết này đã trở nên quá dễ dàng vì bạn hầu như chỉ cần ráp nối các ý chính mà bạn đã có vào một bài hoàn chỉnh, thêm thắt hình ảnh hay trang trí bài viết. Thế nhưng một lỗi khá nghiêm trọng khi làm việc trên máy tính (nhất là có mạng) là bị sao lãng công việc vì nhiều tác động như ảnh bựa ở Haivl, ảnh gái đẹp, Facebook, tin giật gân,….Do vậy, hãy chuẩn bị một tinh thần thép, tắt hết các website đó đi và tập trung vào chuyên môn. Viết xong hết rồi muốn làm gì thì làm. Khuyên dùng: StayFocusd <h5>4. Mạnh dạn xóa email không cần thiết</h5> Nếu bạn làm việc với email thường xuyên, đặc biệt là độc giả gửi email rất nhiều thì đó chính là việc làm tiêu tốn thời gian nhiều nhất của bạn. Thế nhưng mà hãy nghĩ lại xem, liệu mình có thật sự cần phải trả lời email đó hay không vì không phải cái gì bạn cũng nên trả lời lại. Cũng giống như Thachpham.com, mỗi ngày mình nhận không ít email nhưng mình có quyền chỉ trả lời một vài email cần thiết mà thôi, hầu hết các vấn đề kỹ thuật của theme/plugin/hosting mình đều nhẹ nhàng ấn nút Delete vì nhiệm vụ đó là của bên phía nhà cung cấp sản phẩm đó. Nói chung mình muốn tóm gọn ở đây là hãy biết nói Không và cứ mạnh dạn xóa email đó nếu nó không thật sự cần thiết đối với bạn. <h5>5. Có kế hoạch/thời hạn cho từng bài</h5> Làm việc mà có kế hoạch bao giờ cũng khoa học và tối ưu hơn. Chẳng hạn như bạn đang có 5 ý tưởng bài viết, thì tốt nhấy hãy lên kế hoạch cho nó hết theo từng ngày nhất định, bạn có thể dùng ứng dụng Todois để ghi note công việc hoặc Evernote cũng được. Mục đích của việc này là làm bạn không bị quên kế hoạch cũng như tránh tình trạng ý tưởng bị “tồn kho” quá lâu. Hiện tại mình đang dùng phương pháp này cho các bài tập ở trường và blog. <h5>6. Tìm vị trí thích hợp để viết bài</h5> Đây không phải là một tips nhảm nhí mà nó thật sự là tips bổ ích đã có tác dụng với mình. Trạng thái của khu vực làm việc bạn đang ngồi có thể ảnh hưởng không nhỏ đến quy trình làm việc, chẳng hạn như bạn sẽ có tâm lý tốt nếu đặt máy tính ở một nơi thoáng mát, sạch sẽ và sẽ dễ bị stress nếu đặt một nơi bụi bặm, ồn ào, nóng nực,…. Mình hay sử dụng laptop để viết bài vì lý do nó tiện lợi trong việc di chuyển. Sức khỏe không tốt mình sẽ mang laptop ra nơi thông thoáng, mát mẻ. Buồn thì mình mang laptop ra phòng khách ngồi gần cửa sổ, thích thì mang vào phòng ngủ và hứng lên thì mang vào WC ngồi cũng được. Mỗi lần đổi vị trí, mình đều có cảm hứng viết bài rất tốt vì sự mới lạ của chỗ ngồi, thế là mình có ngay một bài viết hay. <h5>7. Thuê người viết bài</h5> Nghe thì có vẻ buồn cười nhưng tất nhiên là thuê người khác viết thì bạn sẽ không còn mất thời gian viết bài đó nữa, nếu blog bạn thật sự đầu tư nghiêm túc. Bạn có thể thuê bài viết từ các bạn sinh viên làm thêm, hoặc các dịch vụ viết bài chuyên nghiệp điển hình như ContentAZ. Hiện nay giá thành dịch vụ viết bài tại Việt Nam không phải là quá cao, dao động từ khoảng 100k đến vài trăm k một bài tùy theo độ khó và độ dài của nó. Khi có người khác viết bài hộ, bạn sẽ có thời gian làm các việc khác để kiếm lại số tiền bỏ ra, quá xứng đáng phải không nào? Đó là lý do mà Thachpham.com hiện tại vẫn đang trả nhuận bút khá cao cho các CTV. <h5>8. Hãy biết nói Không</h5> <img alt="noi-khong-1" border="0" height="312" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiV-tKfWpOLYMM1h8lSHNVwysFhnlxcWwUVBsKiBw4qYUnMx8c-CbbZNKcOMgLqP0XxmlRB9Zo7xz7Ea8Oy2aIXIHxgDaJkRzVl1Wo1fjutDp-k00PItm5Ov0W3MR6p8K8Ovj8KC3V1bDd0/?imgmax=800" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; padding-top: 0px; padding-left: 0px; display: inline; padding-right: 0px; border-top-width: 0px" title="noi-khong-1" width="324"> Tôi không có đủ thời gian, tôi không thể làm việc này,….là những câu nói mà bạn nên mạnh dạn nói ra nếu ai đó yêu cầu bạn làm một việc gì đó mà bạn biết nó sẽ không mang lại lợi ích gì nhiều. Có một sai lầm ở các blogger mới là quan tâm đến người dùng thái quá như bỏ thời gian ra chat riêng, Teamviewer hướng dẫn, hỗ trợ các vấn đề không liên quan đến mình,….Trợ giúp người khác là rất tốt, nhưng bạn có biết rằng hiệu quả nó mang lại là bao nhiêu? Thay vì hướng dẫn hỏi đáp từng người, bạn có thể lưu các câu hỏi đó lại và viết thành một bài cụ thể, vừa mang lại nội dung mà vừa đỡ tốn thời gian vô ích. Nguồn: thachpham

8 mẹo tiết kiệm thời gian cho blogger

Xây dựng nội dung cho website của mình hoặc viết blog là một công việc khá tốn nhiều thời gian cho mỗi bài viết. Trung bình các blogger thườ...

Đọc thêm »

Code popup mở ra nhiều New Tab khi click vào web blogspot

Lưu Nhất Phong 0 blogspot, Thủ thuật blogspot Thứ Ba, tháng 4 08, 2014

<h2 style="text-align: center;">
Thủ thuật blogspot Code popup mở ra nhiều New Tab khi click vào web blogspot </h2>
Code popup mở ra nhiều new tab khi click vào web blogspot. Code javascript khi click chuột vào web sẽ nhảy ra nhiều new tab. Sau đây longluxi  xin chia sẻ với các bạn bộ Code popup mở ra nhiểu new tab khi click vào web mình check thử thì thấy cũng ok. 
 
Code này chạy như sau: Click vào web laan1 f mở ra 1 tab, click vào lần 2 nhày ra 1 tab. Các bạn thử làm sẽ thấy. 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRcLckfPZ87Ob-9qZtWSJ-q1yDYhDO7gTI6V2yDWPqWWjoS1pXKf8iGvbffIC5UvceFRjORVI5EC0AYa3RcIaU75-fcoWlFUHgMvbi0Y6VtfiFzHOGe9eN6x1nmSe5TRhlEpjefnnUpd-F/s1600/popup-code-javascript.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRcLckfPZ87Ob-9qZtWSJ-q1yDYhDO7gTI6V2yDWPqWWjoS1pXKf8iGvbffIC5UvceFRjORVI5EC0AYa3RcIaU75-fcoWlFUHgMvbi0Y6VtfiFzHOGe9eN6x1nmSe5TRhlEpjefnnUpd-F/s1600/popup-code-javascript.jpg" /></a></div>
 
Bài viết bạn có thể quan tâm: 
 
- Tổng hợp các loại code popup cho web - blog 
 
Code popup mở ra nhiều new tab khi click vào web 
 
Trước tiên bạn phảo vào phẩn chỉnh sửa code của web site và blog cảu bạn và làm theo bước sau 
 
Bước 1: Copy đoạn code dưới đây lên trên thẻ đóng </head> 
<div class="chuy" style="height: 450px; overflow: auto;">
 
<script language='javascript'> 
//<![CDATA[ 
 
var bittuot=0; 
function ADS_GetCookie(Name){ 
var re=new RegExp(Name+"=[^;]+", "i"); 
if (document.cookie.match(re)) 
return decodeURIComponent(document.cookie.match(re)[0].split("=")[1]); 
return "" 
} 
 
function ADS_SetCookie(name, value, days){ 
if (typeof days!="undefined"){ 
var expireDate = new Date() 
var expstring=expireDate.setDate(expireDate.getDate()+days) 
document.cookie = name+"="+decodeURIComponent(value)+"; expires="+expireDate.toGMTString() 
} 
else document.cookie = name+"="+decodeURIComponent(value); 
} 
 
function vtlai_popup() 
{ 
 
var cookie_popup_ads = ADS_GetCookie('bittuot_popup_ads'); 
if (cookie_popup_ads=='') { 
if(bittuot==0) 
{ 
bittuot=1; 
var Time_expires = 24 * 3600 * 1000; 
ADS_SetCookie('bittuot_popup_ads','true',Time_expires); 
var params = 'width=' + '600'; 
params += ', height=' + '500'; 
params += ',scrollbars=yes,status=1,toolbar=1,menubar=1,resizable=1,location=1,directories=1'; 
 
var vtlai_popup_0 = window.open('http://longluxi.blogspot.com/', 'vtlai_popup_0', params +', top=0,left=0'); 
var vtlai_popup_1 = window.open('http://thoitrang10x.blogspot.com/', 'vtlai_popup_0', params +', top=0,left=0'); 
var vtlai_popup_2 = window.open('http://phunu2014.blogspot.com/', 'vtlai_popup_0', params +', top=0,left=0'); 
 
 
} 
 
} 
} 
//]]> 
</script></div>
Chý ý : Các bạn sửa lại link popup nhé 
 
Bước 2: Tìn thẻ <body> rổi sửa nó thành <body onclick='vtlai_popup();'> 
 
Chúc các bạn thành công !

Code popup mở ra nhiều New Tab khi click vào web blogspot

Thủ thuật blogspot Code popup mở ra nhiều New Tab khi click vào web blogspot Code popup mở ra nhiều new tab khi click vào web blogspot . ...

Đọc thêm »

Sử dụng host Google Drive nén CSS hoặc Javascript trong Blogger

Nặc danh 0 blogspot, Thủ thuật blogspot Thứ Bảy, tháng 3 22, 2014

<h2>
<a href="http://longluxi.blogspot.com/2014/03/su-dung-host-google-drive-nen-css-hoac.html" target="_blank">Thủ thuật blogspot Sử dụng host Google Drive nén CSS hoặc Javascript trong Blogger</a></h2>
<div class="clear">
</div>
<div class="post-body entry-content">
<div dir="ltr" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-Nl_7OXXfcuY/Uy2a3ExqTlI/AAAAAAAAAy0/VB2EMm2tzO8/s1600/S%E1%BB%AD+d%E1%BB%A5ng+host+Google+Drive+n%C3%A9n+CSS+ho%E1%BA%B7c+Javascript+trong+Blogger.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-Nl_7OXXfcuY/Uy2a3ExqTlI/AAAAAAAAAy0/VB2EMm2tzO8/s1600/S%E1%BB%AD+d%E1%BB%A5ng+host+Google+Drive+n%C3%A9n+CSS+ho%E1%BA%B7c+Javascript+trong+Blogger.png" /></a></div>
Lưu
 trữ CSS và tập tin Javascript trên blog Blogger của bạn luôn là vấn đề 
quan tâm đối với một quản trị web. Nhiều người muốn toàn bộ code css của
 họ được lưu trữ trong một tập tin để có thể tải nó lên hosting và có 
thể dễ dàng áp dụng nó trên các trang web của họ. Thật không may, 
Blogger có một vài hạn chế gây khó khăn cho bạn trong việc lưu trữ tập 
tin CSS và Javascript. Gần đây người dùng của chúng tôi liên tục gửi 
những email yêu cầu: là làm cách nào để lưu trữ các tập tin trong 
Blogger? Ưu điểm của tập tin CSS khi được lưu trữ trên hosting là gì? Và
 thật may mắn, Googel Drive cung cấp cho bạn cơ hội để lưu trữ tập tin 
CSS, Javascript và HTML hoàn toàn miễn phí. Trong bài viết này, chúng 
tôi sẽ chỉ cho bạn Làm thế nào để sự dụng host Google Drive lưu trữ tập 
tin CSS và Javascript trong Blogger. 
<h3>
Vì sao bạn nên sử dụng host Google Drive</h3>
Không gian lưu trữ:
 Google Drive cung cấp 5GB lưu trữ trên mỗi tài khoản. Bạn có thể dễ 
dàng tải lên nhiều tài liệu. Tuy nhiên, nếu bạn sử dụng quá hạn mức này 
bạn có thể upgraded tài khoản từ basic lên premium. 
Tạo và lưu trữ hoàn toàn đơn giản:
 Với Google Drive bạn có thể linh hoạt tạo và lưu trữ các tài liệu khác 
nhau như bảng tính hoặc bài thuyết trình. Bạn có thể sửa đổi và đọc tài 
liệu bất kỳ lúc nào bạn muốn. 
Nơi lưu trữ đáng tin cậy:
 Sử dụng Google Drive bạn có thể yêu tâm về mức độ bảo mật tài liệu của 
bạn. Thời gian hoạt động là 24/24 nên bạn thà hồ mà lưu trữ bất kỳ điều 
gì bạn thích. Nó có băng thông không giới hạn nhưng bạn phải chăm sóc 
cho không gian đĩa không vượt quá 5GB hoặc bạn có thể nâng cấp tài 
khoản. 
Trở lại và sửa đổi: Google Drive theo dõi gần 
như tất cả các thay đổi mà bạn thực hiện. Vì vậy bất cứ khi nào bạn thực
 hiện lưu một tài liệu, thì một phiên làm việc mới cũng sẽ được lưu lại.
 Bạn có thể quay lại và thực hiện sửa đổi cho phù hợp. 
Chia sẻ hoặc sử dụng với mục đích cá nhân: Bạn có thể chia sẻ tập tin hoặc thư mục với bất kỳ ai. Bạn chỉ việc cài đặt tính năng Public/Private trong tài khoản của bạn. 
Bảo mật tốt:
 Google Drive đã luôn luôn chứng minh là dịch vụ lưu trữ đáng tin cậy 
nhất với băng thông không giới hạn. Hơn nữa để chứng minh cho độ bảo mật
 tốt Google Drive đã sử dụng giao thức HTTPS để giữ tài khoản của bạn 
luôn an toàn. 
Tất cả là miễn phí :Tất cả những gì mà Google Drive dành cho bạn là hoàn toàn miễn phí. Thì còn ngần ngại gì mà không sử dụng host Google. 
<h3>
Ưu điểm của việc sử dụng host <a href="http://longluxi.blogspot.com/2014/03/su-dung-host-google-drive-nen-css-hoac.html" target="_blank">Google Drive lưu trữ tập tin CSS và Javascript</a></h3>
Blogger
 không cung cấp cho người dùng sự linh hoạt lưu trữ CSS hay Javascript 
trong một liên kết riêng biệt. Chúng được lưu trữ trong mã của trang web
 thông qua thẻ HTML. 
Thẻ <stype>(StypeSheet) được sử dụng để 
xác định thông tin trong một tài liệu HTML. Giữa hai thẻ 
<stype></stype> mã CSS được đặt trong đó quy định các yếu tố
 HTML mà trình duyệt web có thể hiểu. Mỗi tài liệu HTML có thể chứa 
nhiều thẻ <stype>. 
Thẻ <script>(Javascript) được sử dụng 
để xác định thuộc tính Javascript. Thẻ <script> dùng để chứa các 
câu lệnh hoặc chỉ đến một tập tin bên ngoài thông qua thuộc tính src. 
Mỗi tài liệu HTML có thể chứa nhiều thẻ <script>. 
Kết hợp tất 
cả code StypeSheet và Javascript trong một tập tin có thể giúp trang web
 tải nhanh hơn. Chỉ cần điều này thôi đã giúp bạn đọc blog bạn tiết kiệm
 được bao nhiêu thời gian. Mà đối với người tham gia <a href="http://blogvoitui.blogspot.com/" title="Kiếm tiền trên mạng">kiếm tiền trên mạng</a> thì thời gian là tiền. Hơn nữa nó giúp công cụ tìm kiếm thu thập thông tin trang web của bạn một cách dễ dàng hơn. 
<h3>
Làm thế nào để sử dụng tập tin CSS trong Blogger trên host Google Drive</h3>
Bước 1: Sao chép code CSS từ Template 
Để
 lưu trữ tập tin CSS của bạn với Google Drive trong Blogger, điều đầu 
tiên bạn cần làm là sao chép tất cả code CSS trong Template của bạn đến 
một file Notepad. Đăng nhập vào Blogger >> Template >> Edit 
HTML >> Sử dụng tổ hợp phím Ctrl + F tìm đến 
thẻ <b:skin><![CDATA[ sao chép toàn bộ đoạn code CSS từ thẻ đó 
cho đến thẻ ]]> </ b: skin>. Bạn có thể xem hình minh họa bên 
dưới. 
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizyGI1momE8Ub0HANpLfl7ltfeTDWluQUhakEv-k1kCUQ51lhFBOBENddDdzp0UvTgk-wEg4dXjY_ogmKlME3SWxdA-OF3XlCtalFlPp-ipsuBJSbsN5nKQFS1YbYfOyJtoCB8pAOAEPk/s1600/Copy+code+CSS+Blogger.png" imageanchor="1"><img alt="Copy code CSS in Blogger" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizyGI1momE8Ub0HANpLfl7ltfeTDWluQUhakEv-k1kCUQ51lhFBOBENddDdzp0UvTgk-wEg4dXjY_ogmKlME3SWxdA-OF3XlCtalFlPp-ipsuBJSbsN5nKQFS1YbYfOyJtoCB8pAOAEPk/s1600/Copy+code+CSS+Blogger.png" title="copy code css in blogger" /></a> 
<h5>
Copy code CSS trong Template Blogger</h5>
Bước 2: Chuẩn bị một file style.css 
Sau
 khi copy code CSS, xóa bỏ nó trong template và dán mã css vào một file 
notepad. Bây giờ lưu nó lại và đặt tên cho tập tin stype.css. Xem hình 
bên dưới để dễ thực hiện 
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSvE7yo9BU5OK_mrNZyS91pDlICLxAB4mTi2I8yho2_u8eP6-4xmgeig9xtorcF5kvwJVfv7Uubxfthj9sNO3ybqolTyxXISTp4PFsgkyINCTI5WO028E9hTXctvW3iInL9Xlv4IONFH8/s1600/namestypecss.png" imageanchor="1"><img alt="đặt tên cho file stype.css" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSvE7yo9BU5OK_mrNZyS91pDlICLxAB4mTi2I8yho2_u8eP6-4xmgeig9xtorcF5kvwJVfv7Uubxfthj9sNO3ybqolTyxXISTp4PFsgkyINCTI5WO028E9hTXctvW3iInL9Xlv4IONFH8/s1600/namestypecss.png" title="đặt tên cho file stype.css" /></a> 
<h5>
Đặt tên stype.css cho file notepad</h5>
Bước 3: Upload file stype.css lên host Google Drive 
Tiếp
 theo là tải tập tin style.css lên Google Drive. Bây giờ bạn phải tạo 
một thư mục mới để bạn có thể lưu trữ tất cả các tập tin vào một nơi. 
Nhấn nút "tạo" và từ danh sách thả xuống chọn "Folder" đặt tên cho thư 
mục bạn muốn lưu trữ tập tin web. 
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6Q92TriZwL7DZ_X6Kg6v7P1Q5GZ-EtYL37XX80ve88u9JL8t4a9YCVYhYjbT68tWn61enQrAWErKEiBLgZ1WrqrITC38S5CYPw6gBEGXk1K_nAk56JU7y0HYRQo2SwTt2fP7W1yTtZ4w/s1600/Tai+stylecss+len+host+Google+Drive.png" imageanchor="1"><img alt="Đặt tên cho Folder chứa tập tin web trên Google Drive" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6Q92TriZwL7DZ_X6Kg6v7P1Q5GZ-EtYL37XX80ve88u9JL8t4a9YCVYhYjbT68tWn61enQrAWErKEiBLgZ1WrqrITC38S5CYPw6gBEGXk1K_nAk56JU7y0HYRQo2SwTt2fP7W1yTtZ4w/s1600/Tai+stylecss+len+host+Google+Drive.png" title="Đặt tên cho Folder chứa tập tin web trên Google Drive" /></a> 
<h5>
Đặt tên cho Folder chứa tập tin web trên Google Drive</h5>
Bây
 giờ click chuột vào thư mục vừa tạo để mở nó ra. Chọn biểu tượng tải 
lên ở phía bên trái của màn hình của bạn. Một danh sách thả xuống sẽ 
xuất hiện cung cấp cho bạn hai lựa chọn là tập tin hay folder. Chỉ cần 
chọn file và chuyển qua bước tiếp theo. 
Chọn tập tin style.css vừa 
tạo ở các bước trước để tải lên Google Drive. Việc tải lên sẽ mất khoản 
vài phút tùy thuộc vào dung lượng file của bạn và đường truyển kết nối 
Internet. 
Sau khi tải xong nhấn nút "Chia sẻ". Để tập tin này có thể 
sử dụng được trên web bạn nhấn nút "change" chọn "công khai trên web" để
 bất cứ ai cũng có thể truy cập. Cuối cùng là bấm nút "Save" để kết 
thúc. Bạn có thể xem hướng dẫn bằng hình ở dưới. 
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilioJRx02t55Vf8pC31Xq_ffQNgEKJ-qflFbr3sx_FuhxmrQhtI5y28Ff-kIapQk5ht3RcOFth2Nwt_dn8CXV55WZxyo20VvR42CDC850i7xbta6CKjpcnbuRuKqxuFBQoC01OX82FEBU/s1600/Google-Drive-Sharing-setting-Private-to-Public.png" imageanchor="1"><img alt="Cài đặt để sử dụng tập tin style.css trên Blogger" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilioJRx02t55Vf8pC31Xq_ffQNgEKJ-qflFbr3sx_FuhxmrQhtI5y28Ff-kIapQk5ht3RcOFth2Nwt_dn8CXV55WZxyo20VvR42CDC850i7xbta6CKjpcnbuRuKqxuFBQoC01OX82FEBU/s1600/Google-Drive-Sharing-setting-Private-to-Public.png" title="Cài đặt để sử dụng tập tin style.css trên Blogger" /></a> 
<h5>
Cài đặt để sử dụng tập tin style.css trên Blogger</h5>
Bước 4: Tạo link liên kết với tập tin style.css trên Google Drive 
Nhấp
 chuột phải vào tập tin của bạn chọn "Share" sao chép toàn bộ đường link
 trong textbox để chia sẻ. Xem hình bên dưới để dễ hiểu hơn. 
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNxw5U-zPBeoHFPY9VMP0qTYUe2pqXyCLHpK6Sthh7bG3RWLkCvaD9gx5guq_BLv1EVA31XSXPGjdvUVyS4W6zyVFrrJV62RagSajeNLjc4EgXcYc-s2WJXYwqQHIGMZRlXDfN4Q-4m50/s1600/Share-google-drive-document.png" imageanchor="1"><img alt="Share Google Drive document" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNxw5U-zPBeoHFPY9VMP0qTYUe2pqXyCLHpK6Sthh7bG3RWLkCvaD9gx5guq_BLv1EVA31XSXPGjdvUVyS4W6zyVFrrJV62RagSajeNLjc4EgXcYc-s2WJXYwqQHIGMZRlXDfN4Q-4m50/s1600/Share-google-drive-document.png" title="Share Google Drive document" /></a> 
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMyHRcHXuyET6GpIOWLqXgEJcYvGv0MgKLDDDfRnGrDDyGqbCh8gCCs-ZB85gN51YusMgjBIL8o6LobY-6fQQQQWTUSyuiYAU_FxMbRQK_HLgQF4H8bVirQ_vgkmx-mI42ViEFzWO3juk/s1600/Share-google-drive-link.png" imageanchor="1"><img alt="Share Google Drive link" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMyHRcHXuyET6GpIOWLqXgEJcYvGv0MgKLDDDfRnGrDDyGqbCh8gCCs-ZB85gN51YusMgjBIL8o6LobY-6fQQQQWTUSyuiYAU_FxMbRQK_HLgQF4H8bVirQ_vgkmx-mI42ViEFzWO3juk/s1600/Share-google-drive-link.png" title="Share Google Drive link" /></a> 
Sau khi sao chép địa chỉ liên kết trông như thế này https://docs.google.com/file/d/0BwhlzHqzQgkOU29GWDJiaW9ia1U thành https://googledrive.com/host/0BwhlzHqzQgkOU29GWDJiaW9ia1U. . 
Lưu ý: Thay đoạn code màu đỏ thành đoạn code của bạn. 
Bước 5: Thêm file css Google Drive trong Blogger 
Một
 lần nữa vào Blogger >> Template >> Edit HTML tìm đến thẻ mở
 <head> dán đoạn code này vào sau nó. Rồi bấm nút "Save Template" 
để hoàn tất việc chỉnh sửa. 
<blockquote>
<link href='https://googledrive.com/host/0BwhlzHqzQgkOU29GWDJiaW9ia1U rel='stylesheet'style='text/css'/></blockquote>
Thay đoạn code màu đỏ cho phù hợp với code file css của bạn. 
Bài
 viết nguyên gốc là bản tiếng Anh nên dịch sang tiếng Việt có thể câu 
văn không suông miệng vì trình độ tiếng Anh còn hạn hẹp. Nêu nếu bạn đọc
 mà cảm thấy có chỗ không hiểu thì có thể để lại comment bên dưới bài 
viết. Điều đó sẽ giúp mình hoàn thiện bài viết này hơn. Cảm ơn các bạn 
rất nhiều.</div>
</div>

Sử dụng host Google Drive nén CSS hoặc Javascript trong Blogger

Thủ thuật blogspot Sử dụng host Google Drive nén CSS hoặc Javascript trong Blogger Lưu trữ CSS và tập tin Javascript trên blog Blog...

Đọc thêm »

Breadcrumb chuyên nghiệp cho Blogger

Nặc danh 0 blogspot, Thủ thuật blogspot Thứ Bảy, tháng 3 22, 2014

<h2>
Thủ thuật blogspot Breadcrumb chuyên nghiệp cho Blogger</h2>
<a href="http://longluxi.blogspot.com/2014/03/Breadcrumb-chuyen-nghiep-cho-Blogger.html" target="_blank">Breadcrumb là gì</a>? Breadcrumb được hiểu như là một thanh điều hướng của 
website giúp bạn biết được chính xác bạn đang ở vị trí nào của website 
hay bài viết bạn đang xem đang nằm ở vị trí nào. 
 
<div>
 
Có rất nhiều bạn hỏi mình làm sao để làm được thanh breadcrumb cho 
blogger như mình bao gồm hiển thị nhiều label và sắp xếp theo
 một trình tự hợp lý. Đáp lại những mong đợi của bạn mình sẽ chia sẽ với
 các bạn cách tạo một Breadcrumb mà longluxi đang sử dụng và được 
index lên google như hình minh họa sau.</div>
<div>
 
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-y_jP51KiZr0/Uy0DPtxOw2I/AAAAAAAAAyk/PMceLWgBH2E/s1600/Capture.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-y_jP51KiZr0/Uy0DPtxOw2I/AAAAAAAAAyk/PMceLWgBH2E/s1600/Capture.PNG" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
 
<a href="https://www.blogger.com/null" name="more"></a>HƯỚNG DẪN TẠO BREADCRUMB NÂNG CAO CHO BLOGGER: 
 
Để tạo được breadcrumb for blogger được tùy chỉnh nâng cao các bạn thực 
hiện thao các hướng dẫn sau đây và chỉnh sửa lại code cho phù hợp với 
website của bạn ở bước 3(*).</div>
<div>
 
Bước 1: Login Blogger -> Templates -> Expand the Widget Templates.</div>
<div>
 
Bước 2: Tìm đến dòng code như bên dưới</div>
<div>
 
<div style="text-align: center;">
<b:include data='top' name='status-message'/></div>
</div>
<div>
 
và dán vào trước nó dòng code sau</div>
<div>
 
<div style="text-align: center;">
<b:include data='posts' name='breadcrumb'/></div>
</div>
<div>
 
Bước 3: Tìm đến dòng code sau</div>
<div>
 
<div style="text-align: center;">
<b:includable id='main' var='top'></div>
</div>
<div>
 
Nếu có 2 đoạn code như trên thì bạn tìm đến đoạn code thứ 2. và thêm vào trước nó đoạn code sau đây. </div>
<div>
Lưu ý: chỉnh sửa lại code cho phù hợp với site của bạn. (*) 
 
<div>
<b:includable id='breadcrumb' var='posts'></div>
<div>
<b:if cond='data:blog.homepageUrl == data:blog.url'></div>
<div>
</div>
<div>
<b:else/></div>
<div>
<b:if cond='data:blog.pageType == &quot;item&quot;'></div>
<div>
</div>
<div>
<div class='breadcrumbs' xmlns:v='http://rdf.data-vocabulary.org/#'></div>
<div>
<span style='padding-left: 15px; 
background: 
url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTTdKAHD5O6oouz2wF6nw3Kysm8uH3czVOIaw2fb0ZgzbOPA9DBeJQBe9YGD21VKHxsgJUSyy0itMN8mfrBmP9VSDR42XXTCl3ZKBR7RBxHGqPAd7fW0_CAuUpQA8tegsTSrMXc5DketA/s1600/home-icon.gif)
  left no-repeat;' typeof='v:Breadcrumb'></div>
<div>
<a expr:href='data:blog.homepageUrl' property='v:title' rel='v:url'>Home</a></div>
<div>
<b:loop values='data:posts' var='post'></div>
<div>
<b:if cond='data:post.labels'></div>
<div>
<b:loop values='data:post.labels' var='label'></div>
<div>
 </div>
<div>
<b:if cond='data:label.name == &quot;Tin-tuc&quot;'></div>
<div>
&#187; <a 
href='http://www.longluxi.blogspot.com/search/label/Tin-tuc?max-results=20/' 
property='v:title' rel='v:url'>Tin-tuc</a></div>
<div>
<b:loop values='data:post.labels' var='label'></div>
<div>
<b:if cond='data:label.name != &quot;Tin-tuc&quot;'></div>
<div>
&#187; <a expr:href='data:label.url' 
property='v:title' rel='v:url'> 
<data:label.name/></a></div>
<div>
<b:else/></div>
<div>
</b:if></div>
<div>
</b:loop></div>
<div>
<b:else/></div>
<div>
</b:if></div>
<div>
</b:loop></div>
<div>
<b:else/></div>
<div>
&#187;Unlabelled</div>
<div>
</b:if></div>
<div>
&#187; </div>
<div>
</b:loop></div>
<div>
</div></div>
<div>
<b:else/></div>
<div>
<b:if cond='data:blog.pageType == &quot;archive&quot;'></div>
<div>
</div>
<div>
<div class='breadcrumbs' xmlns:v='http://rdf.data-vocabulary.org/#'></div>
<div>
</div>
<div>
<a expr:href='data:blog.homepageUrl' 
style='padding-left: 15px; background: 
url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTTdKAHD5O6oouz2wF6nw3Kysm8uH3czVOIaw2fb0ZgzbOPA9DBeJQBe9YGD21VKHxsgJUSyy0itMN8mfrBmP9VSDR42XXTCl3ZKBR7RBxHGqPAd7fW0_CAuUpQA8tegsTSrMXc5DketA/s1600/home-icon.gif)
  left no-repeat;'>Home</a> &#187; 
<data:blog.pageName/></div>
<div>
</div>
<div>
</div></div>
<div>
<b:else/></div>
<div>
<b:if cond='data:blog.pageType == &quot;index&quot;'></div>
<div>
<div class='breadcrumbs' xmlns:v='http://rdf.data-vocabulary.org/#'></div>
<div>
</div>
<div>
<b:if cond='data:blog.pageName == &quot;&quot;'></div>
<div>
<a expr:href='data:blog.homepageUrl' 
style='padding-left: 15px; background: 
url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTTdKAHD5O6oouz2wF6nw3Kysm8uH3czVOIaw2fb0ZgzbOPA9DBeJQBe9YGD21VKHxsgJUSyy0itMN8mfrBmP9VSDR42XXTCl3ZKBR7RBxHGqPAd7fW0_CAuUpQA8tegsTSrMXc5DketA/s1600/home-icon.gif)
  left no-repeat;'>Home</a> &#187; </div>
<div>
<b:else/></div>
<div>
<a expr:href='data:blog.homepageUrl' 
style='padding-left: 15px; background: 
url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTTdKAHD5O6oouz2wF6nw3Kysm8uH3czVOIaw2fb0ZgzbOPA9DBeJQBe9YGD21VKHxsgJUSyy0itMN8mfrBmP9VSDR42XXTCl3ZKBR7RBxHGqPAd7fW0_CAuUpQA8tegsTSrMXc5DketA/s1600/home-icon.gif)
  left no-repeat;'>Home</a> &#187; 
<data:blog.pageName/></div>
<div>
</b:if></div>
<div>
</div>
<div>
</div></div>
<div>
</b:if></div>
<div>
</b:if></div>
<div>
</b:if></div>
<div>
</b:if></div>
<div>
</b:includable></div>
 
Hướng dẫn đoạn code màu đỏ ở trên.</div>
<div>
http://www.longluxi.blogspot.com/search/label/Tin-tuc?max-results=20/ là đường dẫn của label muốn hiển thị trước. Tin-tuc là label được hiển thị trước. 
 
Như vậy khi áp dụng breadcrumb sẽ có dạng như sau: Home » Tin-tuc » Tên Label 1 » Tên Label 2</div>
<div>
 Để thêm nhiều Label bạn chỉ cần copy đoạn code màu đỏ dán vào sau đoạn code màu đỏ này và chỉnh sửa lại 2 thiết lập trên là OK.</div>
<div>
 
Bước 4: tìm đến ]]></b:skin> và thêm vào trước nó đoạn CSS sau. 
 
/*start - breadcrumb by http://www.longluxi.blogspot.com/*/ .breadcrumbs { margin: 0 0 3px; border: 1px solid #DDD; padding: 6px; background:
 white 
url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqjMTAcT6UFpcVDO2HA75KManumwT3ACWSRNxozBf0rwhAJzHJM5-LISKOz5BgYLjjAblVrO8UEmzf4nwxK2fCyfO4VkKBUXbRjR0TLm0BiqvgB4QkHIusaDoa0R1qeiCdIyN-AQwSFtw/s1600/homepagetop.gif)
 no-repeat top; font-size: 11px; width: 598px; height: 15px; } .breadcrumbs div div { float: left; margin-left: 5px; } /*end – breadcrumb by http://www.longluxi.blogspot.com/*/ 
 
- Chỉnh sửa width 598px; cho phù hợp với độ rộng khung bài viết của bạn.</div>
<div>
 
Bước 5: Lưu template và hoàn thành. 
 
Các bài đăng tiếp theo sẽ được duyệt và hiển thị breadcrumb ngay trên 
Google và mất khoảng 2 ngày để Google index lại các bài viết trước của 
bạn có Breadcrumb này.</div>

Breadcrumb chuyên nghiệp cho Blogger

Thủ thuật blogspot Breadcrumb chuyên nghiệp cho Blogger Breadcrumb là gì ? Breadcrumb được hiểu như là một thanh điều hướng của website g...

Đọc thêm »

Hướng dẫn thêm khung quảng cáo góc phải màn hình blogspot, website

Nặc danh 0 blogspot, Thủ thuật blogspot Thứ Tư, tháng 3 19, 2014

Thủ thuật blogspot Code chèn khung quảng cáo góc phải màn hình : 
 
 
 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOxsgm0WIkpOTmlBu91GhLjy-_mey7smfZmJukUocwt15hhu6x4C9f_iVVVqoH2SKz2fBgkA189YrMUD06sZwu8G5tjp7kl9CLssoQmFGoJ3U7j3lKPvMNT6AAaPwKDeFxlEPh0w65qwR0/s1600/1898025_1384181888515927_1363549762_n.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOxsgm0WIkpOTmlBu91GhLjy-_mey7smfZmJukUocwt15hhu6x4C9f_iVVVqoH2SKz2fBgkA189YrMUD06sZwu8G5tjp7kl9CLssoQmFGoJ3U7j3lKPvMNT6AAaPwKDeFxlEPh0w65qwR0/s1600/1898025_1384181888515927_1363549762_n.jpg" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
Chú ý : Các bạn thay các mục sau cho hợp lý : 
 
- <a href="http://dayhocseoo.blogspot.com/">http://longluxi.blogspot.com/</a> :  Link fanpage của bạn 
- width=250 : Chiều rộng khung 
- height=200 : Chiều cao khung 
- Phần link ảnh tronng phần <img src="...." /> các bạn thay bằng link ảnh của các bạn nhé 
 
1. Đối với Blogspot : 
 
Bước 1: 
Đăng nhập blogspot ==> Bố Cục ==> Thêm tiện ích ==>  HTML/Javascript sau đó dán mã CODE ở dưới vào : 
 
<script type="text/javascript"> 
function hide_float_right() { 
    var content = document.getElementById('float_content_right'); 
    var hide = document.getElementById('hide_float_right'); 
    if (content.style.display == "none") 
    {content.style.display = "block"; 
hide.innerHTML = '<a href="javascript:hide_float_right()">Tắt 
quảng cáo [X]</a>'; } 
        else { content.style.display = 
"none"; hide.innerHTML = '<a 
href="javascript:hide_float_right()">Xem quảng cáo...</a>'; 
    } 
    } 
</script> 
<style> 
.float-ck { position: fixed; bottom: 0px; z-index: 9000} 
* html .float-ck 
{position:absolute;bottom:auto;top:expression(eval 
(document.documentElement.scrollTop+document.docum 
entElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)))
 ;} 
#float_content_right {border: 1px solid #01AEF0;} 
#hide_float_right {text-align:right; font-size: 11px;} 
#hide_float_right a {background: #01AEF0; padding: 2px 4px; color: #FFF;} 
</style> 
<div class="float-ck" style="right: 0px" > 
<div id="hide_float_right"> 
<a href="javascript:hide_float_right()">Tắt Quảng Cáo [X]</a></div> 
<div id="float_content_right"> 
 
  <a href="http://<a href="http://dayhocseoo.blogspot.com/">longluxi</a>.blogspot.com/" taget="_blank" ><img
 
src="https://scontent-a-nrt.xx.fbcdn.net/hphotos-frc1/t1.0-9/1898025_1384181888515927_1363549762_n.jpg"
 width="250" height="200"></a> 
 
</div> 
</div> 
 
2. Đối với website : 
 
Bạn thêm đoạn code sau lên trên thẻ đóng </body> 
 
<script type="text/javascript"> 
function hide_float_right() { 
    var content = document.getElementById('float_content_right'); 
    var hide = document.getElementById('hide_float_right'); 
    if (content.style.display == "none") 
    {content.style.display = "block"; 
hide.innerHTML = '<a href="javascript:hide_float_right()">Tắt 
quảng cáo [X]</a>'; } 
        else { content.style.display = 
"none"; hide.innerHTML = '<a 
href="javascript:hide_float_right()">Xem quảng cáo...</a>'; 
    } 
    } 
</script> 
<style> 
.float-ck { position: fixed; bottom: 0px; z-index: 9000} 
* html .float-ck 
{position:absolute;bottom:auto;top:expression(eval 
(document.documentElement.scrollTop+document.docum 
entElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)))
 ;} 
#float_content_right {border: 1px solid #01AEF0;} 
#hide_float_right {text-align:right; font-size: 11px;} 
#hide_float_right a {background: #01AEF0; padding: 2px 4px; color: #FFF;} 
</style> 
<div class="float-ck" style="right: 0px" > 
<div id="hide_float_right"> 
<a href="javascript:hide_float_right()">Tắt Quảng Cáo [X]</a></div> 
<div id="float_content_right"> 
 
 <a href="http://<a href="http://dayhocseoo.blogspot.com/">longluxi</a>.blogspot.com/" taget="_blank" ><img src=https://scontent-a-nrt.xx.fbcdn.net/hphotos-frc1/t1.0-9/1898025_1384181888515927_1363549762_n.jpg" width="250" height="200"></a> 
 
</div> 
</div>

Hướng dẫn thêm khung quảng cáo góc phải màn hình blogspot, website

Thủ thuật blogspot Code chèn khung quảng cáo góc phải màn hình : Chú ý : Các bạn thay các mục sau cho hợp lý : - http://longluxi....

Đọc thêm »

Hướng dẫn Facebook open graph meta tags

Nặc danh 0 blogspot, Thủ thuật blogspot, Thủ thuật facebook Chủ Nhật, tháng 3 16, 2014

<h2>
Hướng dẫn Facebook open graph meta tags</h2>
Không có gì bí mật mà Facebook đã trở thành một trình điều khiển lưu 
lượng dữ liệu lớn cho tất cả các loại trang web. Ngày nay, ngay cả các 
tập đoàn lớn đều hướng người tiêu dùng đến với trang Facebook của họ 
thay vì của các trang web của công ty. Và tất nhiên có Facebook widget 
"Like" và "Recommend" trên tất cả các website. Một vấn đề luôn luôn tìm 
thấy với chia sẻ URL trên Facebook là bạn thường không kiểm soát được 
hình ảnh và văn bản mô tả đi kèm với URL. Nếu biết về Facebook Open 
Graph API thì đó là giải pháp cho vấn đề đó. 
<div class="separator" style="clear: both; text-align: center;">
<img border="0" height="193" src="http://1.bp.blogspot.com/-528PI_2PF50/UyXIBsGiecI/AAAAAAAAAoQ/5qVrigJEKAs/s1600/ch%E1%BB%89+m%E1%BB%A5c.jpg" width="400" /></div>
 
Giao thức <a href="http://longluxi.blogspot.com/2014/03/Huong-dan-Facebook-open-graph-meta-tags.html">Facebook Open Graph </a>cho phép các nhà phát triển web để biến
 trang web của họ vào đối tượng Facebook "Graph", cho phép một mức độ 
nhất định tuỳ biến thông tin được thực hiện qua từ một trang web khi một
 trang được "recommended", "liked" , hoặc chỉ chia sẻ chung chung. Thông
 tin được thiết lập thông qua các thẻ META tùy chỉnh trên trang nguồn. 
Chúng ta hãy nhìn vào thẻ META Facebook khác nhau sử dụng để cho phép 
bạn tùy chỉnh như thế nào trang web của bạn được chia sẻ. 
Tất cả các thẻ meta Facebook's Open Graph của Facebook được bắt đầu 
với og:, sau đó tiếp tục thiết lập với các giá trị cụ thể. Các dữ liệu 
liên quan đều thiết lập tài sản trong thuộc tính content: 
<meta property="og:{tagName}" content="{tagValue}"/> 
Sử dụng thẻ META đơn giản này, bạn có thể nói cho Facebook những hình ảnh, văn bản, và nhiều hơn nữa để sử dụng khi chia sẻ trang web của bạn. Chúng ta hãy xem xét một vài thẻ META quan trọng! 
image 
Thẻ META hình ảnh chỉ cho Facebook sử dụng hình ảnh cụ thể khi trang được chia sẻ: 
<meta property="og:image" content="http://vncore.com/logo.png" /> 
Tốt nhất là sử dụng hình ảnh vuông, như Facebook sẽ hiển thị chúng 
trong vấn đề này. Hình ảnh đó phải có ít nhất 50x50 trong bất kỳ hình 
thức hình ảnh thường được hỗ trợ (JPG, PNG, vv) 
title 
Tiêu đề đi cùng với URL 
<meta property="og:title" content="Facebook Open Graph META Tags" /> 
Trong hầu hết các trường hợp sẽ là tiêu đề bài viết hoặc tiêu đề trang. 
url 
URL phải là địa chỉ của một trang nhất định: 
<meta property="og:url" content="http://vncore.com/tin-tuc/facebook-open-graph-mete-tags" /> 
site_name 
Facebook cung cấp các tên mà bạn muốn trang web của bạn được công nhận bởi: 
<meta property="og:site_name" content="David Walsh Blog"/> Điều này là rất hữu ích cho Facebook có thể không có cách nào biết được ngoài thẻ META này. 
type 
Facebook cung cấp các loại trang web mà bạn muốn trang web của bạn được phân loại theo: 
<meta property="og:type" content="blog" /> 
<a href="http://longluxi.blogspot.com/2014/03/Huong-dan-Facebook-open-graph-meta-tags.html">Thêm về Facebook Open Graph META Tags</a> 
Các thẻ META cung cấp ở trên chỉ là một vài trong số các thẻ Facebook Open Graph META Tags. Nó còn quy định các thẻ META cho: 
<ul>
<li>Facebook cài đặt ứng dụng cụ thể, nếu trang web của bạn cũng có một ứng dụng Facebook.</li>
<li>Hoạt động.</li>
<li>Doanh nghiệp.</li>
<li>Nhóm</li>
<li>Địa điểm.</li>
</ul>
Truy cập vào trang Facebook Open Graph để lấy thêm chi tiết về mỗi thẻ META. Facebook cũng cung cấp một công cụ debugger để giúp bạn xác nhận những gì bạn đang gửi! 
 
Open Graph protocol là một cách tuyệt vời để không chỉ chia sẻ thông 
tin của một trang nhưng cũng kiểm soát thông tin trang web của bạn được 
chia sẻ. Sử dụng các thẻ META có thể là sự khác biệt trong việc thu hút 
khách hàng đến với website của bạn. Đó là điều mà một lập trình viên khi
 lập trình website cần phải biết ngày nay.

Hướng dẫn Facebook open graph meta tags

Hướng dẫn Facebook open graph meta tags Không có gì bí mật mà Facebook đã trở thành một trình điều khiển lưu lượng dữ liệu lớn cho tất cả...

Đọc thêm »

Công cụ tạo widget trực tuyến cho blogspot

Nặc danh 0 blogspot, Thủ thuật blogspot Thứ Năm, tháng 3 13, 2014

Công cụ tạo widget trực tuyến cho blogspot

Thủ thuật blogspot Công cụ tạo widget trực tuyến cho blogspot Đầu tiên các bạn vào trang: http://www.makingdifferent.com/widget-generat...

Đọc thêm »

Tạo lưu trữ dạng lịch cho blogger với nhiều style đẹp

Nặc danh 0 blogspot, Thủ thuật blogspot Thứ Năm, tháng 3 13, 2014

<h2>
Thủ thuật blogspot Tạo lưu trữ dạng lịch cho blogger với nhiều style đẹp</h2>
Với
 thủ thuật này Widget lưu trữ blog (Archive blog) mặc định của blogspot 
sẽ được biến đổi thành một lịch tuyệt đẹp Thủ thuật giúp bạn dễ dàng tạo
 ra một tiện ích lưu trữ lịch cho blog của bạn bằng cách sử dụng những 
bức hình nền tùy chọn.Đây là những bước hướng dẫn cơ bản.Bạn có thể tùy 
biến thêm nữa. 
 
 Cách tiến hành: 
1- Đăng nhập (login) vào Blog 
2- Vào Bố cục (Layout) 
3-
 Chọn Thêm Tiện ích (Add widget) => Chọn mục Lưu trữ Blog (Archive 
blog) -> nếu blog bạn đã có mục này thì có theer bỏ qua bước này. 
 
<div style="text-align: center;">
<a href="http://4.bp.blogspot.com/-GXGg_vMqc8o/UTnl3ahfQSI/AAAAAAAAAtk/LHDPDgq6IjA/s1600/image%5B9%5D.png"><img border="0" src="http://4.bp.blogspot.com/-GXGg_vMqc8o/UTnl3ahfQSI/AAAAAAAAAtk/LHDPDgq6IjA/s320/image%5B9%5D.png" /></a></div>
4- Sau đó bấm vào chỉnh sửa (Edit) tiện ích lưu trũ blog đã được thêm. Và Chọn các tùy chọn sau đây như thể hiện trong ảnh: 
 
 -Chọn kiểu là danh sách phẳng. 
-Tại mục tùy chọn bỏ chọn "Hiển thị Bài đăng cũ nhất trước". 
-Chọn tần xuất kho lưu trữ định dạng hàng tháng, hàng ngày tùy ý bạn. 
 
 
 
<div style="text-align: center;">
<a href="http://1.bp.blogspot.com/-QMSUzBCdr8Q/UTnlilTg7xI/AAAAAAAAAtU/UDEZGH7_29k/s1600/image%5B17%5DVn.jpg"><img border="0" src="http://1.bp.blogspot.com/-QMSUzBCdr8Q/UTnlilTg7xI/AAAAAAAAAtU/UDEZGH7_29k/s320/image%5B17%5DVn.jpg" /></a></div>
 
 - Bấm Lưu để cập nhật cài đặt. 
 
 5- Bây giờ vào Mẫu (Template) => Sao lưu template của bạn lại => Chọn Edit HTML =>Tiếp tục (Proceed) 
6-Tìm đoạn mã sau. (Lưu ý id thường là khác nhau "BlogArchive1" , có thể là "BlogArchive2" ,"BlogArchive3" ...) 
 
<blockquote>
<b:widget id='BlogArchive1' locked='false' title='Lưu trữ Blog' type='BlogArchive'/></blockquote>
 
 Thay thế các mã trên trong (bước 6) với mã sau đây: 
 
 
 
<blockquote>
<b:widget
 id='BlogArchive1' locked='false' title='Blog Archive' 
type='BlogArchive'> <b:includable id='main'> <b:if 
cond='data:title'> <h2><data:title/></h2> 
</b:if> <div class='widget-content'> <div 
id='ArchiveList'> <div expr:id='data:widget.instanceId + 
"_ArchiveList"'> <b:if cond='data:style == "HIERARCHY"'> 
<b:include data='data' name='interval'/> </b:if> <b:if 
cond='data:style == "FLAT"'> <b:include data='data' 
name='flat'/> </b:if> <b:if cond='data:style == "MENU"'> 
<b:include data='data' name='menu'/> </b:if> </div> 
</div> <b:include name='quickedit'/> </div> 
</b:includable> <b:includable id='toggle' var='interval'> 
 </b:includable> 
<b:includable id='flat' var='data'> <div 
id='bloggerCalendarList'> <ul> <b:loop values='data:data' 
var='i'> <li class='archivedate'> <a 
expr:href='data:i.url'><data:i.name/></a> 
(<data:i.post-count/>) </li> </b:loop> </ul> 
</div> <div id='blogger_calendar' style='display:none'> 
<table id='bcalendar'><caption id='bcaption'> 
</caption>  <thead 
id='bcHead'></thead>   <tbody><tr><td id='cell1'> 
</td><td id='cell2'> </td><td id='cell3'> 
</td><td id='cell4'> </td><td id='cell5'> 
</td><td id='cell6'> </td><td id='cell7'> 
</td></tr> <tr><td id='cell8'> </td><td
 id='cell9'> </td><td id='cell10'> </td><td 
id='cell11'> </td><td id='cell12'> </td><td 
id='cell13'> </td><td id='cell14'> </td></tr>
 <tr><td id='cell15'> </td><td id='cell16'> 
</td><td id='cell17'> </td><td id='cell18'> 
</td><td id='cell19'> </td><td id='cell20'> 
</td><td id='cell21'> </td></tr> 
<tr><td id='cell22'> </td><td id='cell23'> 
</td><td id='cell24'> </td><td id='cell25'> 
</td><td id='cell26'> </td><td id='cell27'> 
</td><td id='cell28'> </td></tr> 
<tr><td id='cell29'> </td><td id='cell30'> 
</td><td id='cell31'> </td><td id='cell32'> 
</td><td id='cell33'> </td><td id='cell34'> 
</td><td id='cell35'> </td></tr> <tr 
id='lastRow'><td id='cell36'> </td><td id='cell37'>
 </td></tr> </tbody> </table> <table 
id='bcNavigation'><tr> <td id='bcFootPrev'></td> 
<td id='bcFootAll'></td> <td 
id='bcFootNext'></td> </tr></table> <div 
id='calLoadingStatus' style='display:none; text-align:center;'> 
<script type='text/javascript'>bcLoadStatus();</script> 
</div> <div id='calendarDisplay'/> </div> <script 
type='text/javascript'> initCal();</script> 
</b:includable> <b:includable id='posts' var='posts'> 
 </b:includable> 
<b:includable id='menu' var='data'> Configure your calendar 
archive widget - Edit archive widget - Flat List - Newest first - Choose
 any Month/Year Format </b:includable> <b:includable 
id='interval' var='intervalData'> Configure your calendar archive 
widget - Edit archive widget - Flat List - Newest first - Choose any 
Month/Year Format </b:includable> </b:widget></blockquote>
 
 7- Dán đoạn code bên dưới vào trước thẻ </head>. 
 
 
 
<blockquote>
<script type='text/javascript'> 
//<![CDATA[ 
var bcLoadingImage = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmDuEooofXWJe-cStEXgnUyzoMmTmFkTzVez9XbL8v_vetFzUHlnh73TYKqkfu-hTjVZGKBkbvagg6lzkti_OL2b6SmPxTlL746Vse552BBXcfucxX9RmoWGbLleIysQg1aHTlJ5TRS1M/s400/loading-trans.gif.png"; 
var bcLoadingMessage = " Đang tải...."; 
var bcArchiveNavText = "Xem lưu trữ"; 
var bcArchiveNavPrev = '◄'; 
var bcArchiveNavNext = '►'; 
var headDays = ["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"]; 
var headInitial = ["Su","Mo","Tu","We","Th","Fr","Sa"]; 
// Nothing to configure past this point ---------------------------------- 
var timeOffset; 
var bcBlogID; 
var calMonth; 
var calDay = 1; 
var calYear; 
var startIndex; 
var callmth; 
var bcNav = new Array (); 
var bcList = new Array (); 
//Initialize Fill Array 
var fill = ["","31","28","31","30","31","30","31","31","30","31","30","31"]; 
function openStatus(){ 
document.getElementById('calLoadingStatus').style.display = 'block'; 
document.getElementById('calendarDisplay').innerHTML = ''; 
} 
function closeStatus(){ 
document.getElementById('calLoadingStatus').style.display = 'none'; 
} 
function bcLoadStatus(){ 
cls = document.getElementById('calLoadingStatus'); 
img = document.createElement('img'); 
img.src = bcLoadingImage; 
img.style.verticalAlign = 'middle'; 
cls.appendChild(img); 
txt = document.createTextNode(bcLoadingMessage); 
cls.appendChild(txt); 
} 
function callArchive(mth,yr,nav){ 
// Check for Leap Years 
if (((yr % 4 == 0) && (yr % 100 != 0)) || (yr % 400 == 0)) { 
fill[2] = '29'; 
} 
else { 
fill[2] = '28'; 
} 
calMonth = mth; 
calYear = yr; 
if(mth.charAt(0) == 0){ 
calMonth = mth.substring(1); 
} 
callmth = mth; 
bcNavAll = document.getElementById('bcFootAll'); 
bcNavPrev = document.getElementById('bcFootPrev'); 
bcNavNext = document.getElementById('bcFootNext'); 
bcSelect = document.getElementById('bcSelection'); 
a = document.createElement('a'); 
at = document.createTextNode(bcArchiveNavText); 
a.href = bcNav[nav]; 
a.appendChild(at); 
bcNavAll.innerHTML = ''; 
bcNavAll.appendChild(a); 
bcNavPrev.innerHTML = ''; 
bcNavNext.innerHTML = ''; 
if(nav < bcNav.length -1){ 
a = document.createElement('a'); 
a.innerHTML = bcArchiveNavPrev; 
bcp = parseInt(nav,10) + 1; 
a.href = bcNav[bcp]; 
a.title = 'Previous Archive'; 
prevSplit = bcList[bcp].split(','); 
a.onclick
 = function(){bcSelect.options[bcp].selected = 
true;openStatus();callArchive(prevSplit[0],prevSplit[1],prevSplit[2]);return
 false;}; 
bcNavPrev.appendChild(a); 
} 
if(nav > 0){ 
a = document.createElement('a'); 
a.innerHTML = bcArchiveNavNext; 
bcn = parseInt(nav,10) - 1; 
a.href = bcNav[bcn]; 
a.title = 'Next Archive'; 
nextSplit = bcList[bcn].split(','); 
a.onclick
 = function(){bcSelect.options[bcn].selected = 
true;openStatus();callArchive(nextSplit[0],nextSplit[1],nextSplit[2]);return
 false;}; 
bcNavNext.appendChild(a); 
} 
script = document.createElement('script'); 
script.src
 = 
'http://www.blogger.com/feeds/'+bcBlogId+'/posts/summary?published-max='+calYear+'-'+callmth+'-'+fill[calMonth]+'T23%3A59%3A59'+timeOffset+'&published-min='+calYear+'-'+callmth+'-01T00%3A00%3A00'+timeOffset+'&max-results=100&orderby=published&alt=json-in-script&callback=cReadArchive'; 
document.getElementsByTagName('head')[0].appendChild(script); 
} 
function cReadArchive(root){ 
// Check for Leap Years 
if (((calYear % 4 == 0) && (calYear % 100 != 0)) || (calYear % 400 == 0)) { 
fill[2] = '29'; 
} 
else { 
fill[2] = '28'; 
} 
closeStatus(); 
document.getElementById('lastRow').style.display = 'none'; 
calDis = document.getElementById('calendarDisplay'); 
var feed = root.feed; 
var total = feed.openSearch$totalResults.$t; 
var entries = feed.entry || []; 
var fillDate = new Array(); 
var fillTitles = new Array(); 
fillTitles.length = 32; 
var ul = document.createElement('ul'); 
ul.id = 'calendarUl'; 
for (var i = 0; i < feed.entry.length; ++i) { 
var entry = feed.entry[i]; 
for (var j = 0; j < entry.link.length; ++j) { 
if (entry.link[j].rel == "alternate") { 
var link = entry.link[j].href; 
} 
} 
var title = entry.title.$t; 
var author = entry.author[0].name.$t; 
var date = entry.published.$t; 
var summary = entry.summary.$t; 
isPublished = date.split('T')[0].split('-')[2]; 
if(isPublished.charAt(0) == '0'){ 
isPublished = isPublished.substring(1); 
} 
fillDate.push(isPublished); 
if (fillTitles[isPublished]){ 
fillTitles[isPublished] = fillTitles[isPublished] + ' | ' + title; 
} 
else { 
fillTitles[isPublished] = title; 
} 
li = document.createElement('li'); 
li.style.listType = 'none'; 
li.innerHTML = '<a href="'+link+'">'+title+'</a>'; 
ul.appendChild(li); 
} 
calDis.appendChild(ul); 
var val1 = parseInt(calDay, 10) 
var valxx = parseInt(calMonth, 10); 
var val2 = valxx - 1; 
var val3 = parseInt(calYear, 10); 
var firstCalDay = new Date(val3,val2,1); 
var val0 = firstCalDay.getDay(); 
startIndex = val0 + 1; 
var dayCount = 1; 
for (x =1; x < 38; x++){ 
var cell = document.getElementById('cell'+x); 
if( x < startIndex){ 
cell.innerHTML = ' '; 
cell.className = 'firstCell'; 
} 
if( x >= startIndex){ 
cell.innerHTML = dayCount; 
cell.className = 'filledCell'; 
for(p = 0; p < fillDate.length; p++){ 
if(dayCount == fillDate[p]){ 
if(fillDate[p].length == 1){ 
fillURL = '0'+fillDate[p]; 
} 
else { 
fillURL = fillDate[p]; 
} 
cell.className = 'highlightCell'; 
cell.innerHTML
 = '<a 
href="/search?updated-max='+calYear+'-'+callmth+'-'+fillURL+'T23%3A59%3A59'+timeOffset+'&updated-min='+calYear+'-'+callmth+'-'+fillURL+'T00%3A00%3A00'+timeOffset+'"
 
title="'+fillTitles[fillDate[p]].replace(/"/g,'\'')+'">'+dayCount+'</a>'; 
} 
} 
if( dayCount > fill[valxx]){ 
cell.innerHTML = ' '; 
cell.className = 'emptyCell'; 
} 
dayCount++; 
} 
} 
visTotal = parseInt(startIndex) + parseInt(fill[valxx]) -1; 
if(visTotal >35){ 
document.getElementById('lastRow').style.display = ''; 
} 
} 
function initCal(){ 
document.getElementById('blogger_calendar').style.display = 'block'; 
var bcInit = document.getElementById('bloggerCalendarList').getElementsByTagName('a'); 
var bcCount = document.getElementById('bloggerCalendarList').getElementsByTagName('li'); 
document.getElementById('bloggerCalendarList').style.display = 'none'; 
calHead = document.getElementById('bcHead'); 
tr = document.createElement('tr'); 
for(t = 0; t < 7; t++){ 
th = document.createElement('th'); 
th.abbr = headDays[t]; 
scope = 'col'; 
th.title = headDays[t]; 
th.innerHTML = headInitial[t]; 
tr.appendChild(th); 
} 
calHead.appendChild(tr); 
for (x = 0; x <bcInit.length;x++){ 
var stripYear= bcInit[x].href.split('_')[0].split('/')[3]; 
var stripMonth = bcInit[x].href.split('_')[1]; 
bcList.push(stripMonth + ','+ stripYear + ',' + x); 
bcNav.push(bcInit[x].href); 
} 
var sel = document.createElement('select'); 
sel.id = 'bcSelection'; 
sel.onchange
 = function(){var cSend = 
this.options[this.selectedIndex].value.split(',');openStatus();callArchive(cSend[0],cSend[1],cSend[2]);}; 
q = 0; 
for (r = 0; r <bcList.length; r++){ 
var selText = bcInit[r].innerHTML; 
var selCount = bcCount[r].innerHTML.split('> (')[1]; 
var selValue = bcList[r]; 
sel.options[q] = new Option(selText + ' ('+selCount,selValue); 
q++ 
} 
document.getElementById('bcaption').appendChild(sel); 
var m = bcList[0].split(',')[0]; 
var y = bcList[0].split(',')[1]; 
callArchive(m,y,'0'); 
} 
function timezoneSet(root){ 
var feed = root.feed; 
var updated = feed.updated.$t; 
var id = feed.id.$t; 
bcBlogId = id.split('blog-')[1]; 
upLength = updated.length; 
if(updated.charAt(upLength-1) == "Z"){timeOffset = "+00:00";} 
else {timeOffset = updated.substring(upLength-6,upLength);} 
timeOffset = encodeURIComponent(timeOffset); 
} 
//]]> 
</script> 
<script src='/feeds/posts/summary?max-results=0&amp;alt=json-in-script&amp;callback=timezoneSet'></script></blockquote>
8- Lưu mẫu của bạn và bạn đã gần như xong! 
9- Thêm CSS tạo phong cách riêng.Bạn hãy chọn lựa 1 số mẫu sau đây có thể tùy chỉnh để hợp với màu nền với blog của bạn. 
- Tìm thẻ ]]></b:skin> và thêm ngay phía trên nó 1 trong những đoạn mã css tương ứng sau đây: 
 
 Style Sáng - Nếu bạn đang sử dụng một chủ đề nhẹ hơn với nền trắng sau đó sử dụng mã này: 
 
 
 
<div style="text-align: center;">
<a href="http://4.bp.blogspot.com/-9-0gX1UI9LQ/UTnibRciiUI/AAAAAAAAAtA/mRjDo65tVzs/s1600/image10.png"><img border="0" src="http://4.bp.blogspot.com/-9-0gX1UI9LQ/UTnibRciiUI/AAAAAAAAAtA/mRjDo65tVzs/s320/image10.png" /></a></div>
 
 
 
<blockquote>
/*
 Start of Post Navigator by MBT (LIGHT Theme) ------ */ #calendarDisplay
 {display:none;} /* div that holds calendar */ #blogger_calendar { 
margin:0px auto 0px 0px;width:100%;} /* Table Caption - Holds the 
Archive Select Menu */ #bcaption {border:1px solid 
#C7C7C7;padding:2px;margin:10px 0 0;background:#fff;font:bold 100% 
Tahoma, Arial, Sans-serif} /* The Archive Select Menu */ #bcaption 
select {background:#ffff;border:0 solid #C7C7C7;color:#0080ff;font-weight:bold;text-align:center;}
 /* The Heading Section */ table#bcalendar thead {} /* Head Entries */ 
table#bcalendar thead tr th {width:20px;text-align:center;padding:3px; 
border:1px solid #C7C7C7; font:bold 100% Tahoma, Arial, 
Sans-serif;background:#fff;color:#0080ff;}
 /* The calendar Table */ table#bcalendar {border:1px solid 
#C7C7C7;border-top:0; margin:0px 0 0px;width:100%;background:#fff} /* 
The Cells in the Calendar */ table#bcalendar tbody tr td 
{cursor:pointer; text-align:center; border-radius:4px; 
padding:3px;border:1px solid #C7C7C7; color:#666;font:bold 100% Tahoma, 
Arial, Sans-serif;} /* Links in Calendar */ table#bcalendar tbody tr td 
a:link, table#bcalendar tbody tr td a:visited, table#bcalendar tbody tr 
td a:active {font-weight:bold;color:#ffffff; text-decoration:none;} 
table#bcalendar tbody tr td a:hover {color:#ffffff; 
text-decoration:none;} /* First Row Empty Cells */ td.firstCell 
{visibility:visible;} /* Cells that have a day in them */ td.filledCell {
 background:#fff;} td.filledCell:hover { background:#dddddd;} /* Cells 
that are empty, after the first row */ td.emptyCell {visibility:hidden;}
 /* Cells with a Link Entry in them */ td.highlightCell {background:#53A9FF;border:1px
 solid #C7C7C7} td.highlightCell:hover {background:#72B9FF;border:1px 
solid #C7C7C7} /* Table Footer Navigation */ table#bcNavigation 
{width:100%;background:#fff;border:1px solid #C7C7C7;border-top:0;color:#0080ff;font:bold 100% Tahoma, Arial, Sans-serif;} table#bcNavigation a:link {text-decoration:none;color:#0080ff}
 table#bcNavigation a:hover{text-decoration:underline;} td#bcFootPrev 
{width:10px;} td#bcFootAll{text-align:center;} td#bcFootNext 
{width:10px;} ul#calendarUl {margin:5px auto 0!important;} ul#calendarUl
 li a:link {} /* End of Post Navigator by MBT (LIGHT Theme) ------ */</blockquote>
 
 Để thay đổi màu văn bản thay đổi 0080FF 
Để thay đổi màu nền tìm mã này 53A9FF 
Để thay đổi màu nền của ô hiện hành trong những điểm nổi bật tìm kiếm mã 72B9FF 
 
 Style Tối: Nếu bạn đang sử dụng một mẫu với nền đen hoặc tương tự hãy sử dụng mã này: 
 
<div style="text-align: center;">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjeiztbusW6UE6DpSX4C-OIzEOD4Y_JWNS11sTRmolXORM0xWE_aHxt2eX79BIoXyoF_IwiaFoRURKvWY28aLQc1HbHtNfjOG2NrzmiAd_ZGBAwk0fGRotibIGB3PvaxcZzQkaPT4Ug-k/?imgmax=800" /></div>
 
 
 
<blockquote>
/*
 Start of Post Navigator by MBT (DARK Theme) ------ */ #calendarDisplay 
{display:none;} /* div that holds calendar */ #blogger_calendar { 
margin:5px 0 5px 10px;width:98%;} /* Table Caption - Holds the Archive 
Select Menu */ #bcaption {border:1px solid 
#666666;padding:2px;margin:10px 0 0;background:#333333;font:bold 100% 
Tahoma, Arial, Sans-serif} /* The Archive Select Menu */ #bcaption 
select {background:#333333;border:0 solid 
#333333;color:#dddddd;font-weight:bold;text-align:center;} /* The 
Heading Section */ table#bcalendar thead {} /* Head Entries */ 
table#bcalendar thead tr th {width:20px;text-align:center;padding:2px; 
border:1px outset #666666; font:bold 100% Tahoma, Arial, 
Sans-serif;background:#333333;color:#dddddd} /* The calendar Table */ 
table#bcalendar {border:1px solid #666666;border-top:0; margin:0px 0 
0px;width:95%;background:#333333} /* The Cells in the Calendar */ 
table#bcalendar tbody tr td {text-align:center;padding:2px;border:1px 
outset #666666; color:#F5F202;font:bold
 100% Tahoma, Arial, Sans-serif;} /* Links in Calendar */ 
table#bcalendar tbody tr td a:link, table#bcalendar tbody tr td 
a:visited, table#bcalendar tbody tr td a:active 
{font-weight:bold;color:#ffffff; text-decoration:underline;} 
table#bcalendar tbody tr td a:hover {color:#ffffff; 
text-decoration:none;} /* First Row Empty Cells */ td.firstCell 
{visibility:visible;} /* Cells that have a day in them */ td.filledCell 
{} /* Cells that are empty, after the first row */ td.emptyCell 
{visibility:hidden;} /* Cells with a Link Entry in them */ 
td.highlightCell {background:#000000;border:1px solid #666666} /* Table 
Footer Navigation */ table#bcNavigation 
{width:95%;background:#333333;border:1px solid 
#666666;border-top:0;color:#F5F202;font:bold 100% Tahoma, Arial, Sans-serif;} table#bcNavigation a:link {text-decoration:none;color:#F5F202}
 table#bcNavigation a:hover{text-decoration:underline;} td#bcFootPrev 
{width:10px;} td#bcFootAll{text-align:center;} td#bcFootNext 
{width:10px;} ul#calendarUl {margin:5px auto 0!important;} ul#calendarUl
 li a:link {} /* End of Post Navigator by MBT (DARK Theme) ------ */ </blockquote>
 
 Để thay đổi văn bản màu vàng tìm mã này F5F202 
 
 
 
<div style="text-align: center;">
Style Girl 1: Dành cho những bạn thích Girl xinh <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimHUOcZwiv-GvLMGiTjGJI-zLDxfTWTa-WGixDJQJ9Hy6buGDc8dJtwFDt-tBKf0etjEmNr3Ugs-evHCyeIkm12NvFdmMqjgWFRFA3nCvxLUGy2VSduBmDVM50X8Vuu_XQCw21SfB6Nc0/s1600/SS_YUI.png"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimHUOcZwiv-GvLMGiTjGJI-zLDxfTWTa-WGixDJQJ9Hy6buGDc8dJtwFDt-tBKf0etjEmNr3Ugs-evHCyeIkm12NvFdmMqjgWFRFA3nCvxLUGy2VSduBmDVM50X8Vuu_XQCw21SfB6Nc0/w300/SS_YUI.png" /></a></div>
 
 
 
<blockquote>
#calendarDisplay{display:none}
 /* div that holds calendar */ #blogger_calendar 
*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
 #blogger_calendar{margin:0 auto;width:100%;padding:150px 8px 
8px;background:white 
url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoXxrSUkNe69Bq1ffB0yKrzZhTSj-d_xKviSF3w4L2i6v1JoMxdM58xcY7gOJCmBmqONnKFu8UTTc_1aR-XGJRSrFLGS07mPVF9ctgdJMyM9-V_duoY4AusTiC8O_bW3Uxf-u6lvSq19Y/w250/YUIb.png)
 no-repeat 100% 0} /* Table Caption - Holds the Archive Select Menu */ 
#bcaption{padding:4px 10px;margin:0;font:bold 100% 
Tahoma,Arial,Sans-serif;background:#232F3F;border:1px solid 
#2B2B2B;border-radius:2px} /* The Archive Select Menu */ #bcaption 
select{background:white;border:1px solid 
#2B2B2B;padding:1px;width:90%;color:#0D2B47;font-weight:bold;} /* The 
Heading Section */ table#bcalendar thead{} /* Head Entries */ 
table#bcalendar thead tr 
th{width:20px;text-align:center;padding:3px;border:1px solid 
#1A1A1A;font:bold 100% 
Tahoma,Arial,Sans-serif;background:#232F3F;border-radius:3px;color:#DFDFDF}
 /* The calendar Table */ table#bcalendar{margin:0 0;width:100%} /* The 
Cells in the Calendar */ table#bcalendar tbody tr 
td{cursor:pointer;text-align:center;border-radius:3px;padding:3px;border:1px
 solid #D6D6D6;color:#0D2B47;font:bold 100% Tahoma,Arial,Sans-serif} /* 
Links in Calendar */ table#bcalendar tbody tr td a:link,table#bcalendar 
tbody tr td a:visited,table#bcalendar tbody tr td 
a:active{font-weight:bold;color:#ffffff;text-decoration:none} 
table#bcalendar tbody tr td a:hover{color:#ffffff;text-decoration:none} 
/* First Row Empty Cells */ table#bcalendar tbody tr 
td.firstCell{visibility:visible;background:#303030;background:rgba(0,0,0,0.41);border:1px
 solid #2C2C2C} /* Cells that have a day in them */ 
td.filledCell{background:white;background:rgba(255,255,255,0.53)} 
td.filledCell:hover{background:#EBEBEB;background:rgba(235,235,235,0.75)}
 /* Cells that are empty,after the first row */ 
td.emptyCell{visibility:hidden} /* Cells with a Link Entry in them */ 
table#bcalendar tbody tr td.highlightCell{background:#232F3F;border:1px 
solid #2B2B2B} table#bcalendar tbody tr 
td.highlightCell:hover{background:#1B4174;border:1px solid #2B2B2B} /* 
Table Footer Navigation */ table#bcNavigation{width:100%;padding:3px 
5px;color:#DADADA;font:bold 100% 
Tahoma,Arial,Sans-serif;background:#232F3F;border:1px solid 
#2B2B2B;border-radius:2px} table#bcNavigation 
a:link{text-decoration:none;color:#DADADA} table#bcNavigation 
a:hover{color:white} td#bcFootPrev{width:10px} 
td#bcFootAll{text-align:center} td#bcFootNext{width:10px} 
ul#calendarUl{margin:5px auto 0!important} ul#calendarUl li a:link{} 
#calLoadingStatus img{display:block;width:80px;margin:10px auto}</blockquote>
 
 
 
<div style="text-align: center;">
<div>
Style Girl 2: Dành cho những bạn thích Girl xinh <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgx0ENfOQln8gYJekr22uoJH9JwhMgdwo-pkKJr9_F3Zj6OuRFnS_56i38R1wduQORx1OIvvF3RB3lKQZxLr5mw-wIuMqZt2kwAK5m7UHQe55L8LcXsArXniVxOaQOKiDvpxHe3o_GYGXA/s1600/SS_Maeda_Atsuko.png"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgx0ENfOQln8gYJekr22uoJH9JwhMgdwo-pkKJr9_F3Zj6OuRFnS_56i38R1wduQORx1OIvvF3RB3lKQZxLr5mw-wIuMqZt2kwAK5m7UHQe55L8LcXsArXniVxOaQOKiDvpxHe3o_GYGXA/w300/SS_Maeda_Atsuko.png" /></a></div>
</div>
 
 
 
<blockquote>
#calendarDisplay{display:none}
 /* div that holds calendar */ #blogger_calendar 
*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
 #blogger_calendar{margin:0 auto;width:100%;padding:180px 8px 
8px;background:white 
url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMtD76vL2sk_3DGebJz3VoQprz0ndeZjQTsLhGagcyeFEBeo3Hm_AxIAmFFJeJWYyUVCMkncsYqzRYa5fzq1BAnTHysoiB6H2GcovWS8VsGCWHYTCkvkWSSB4ip8hlo6Iv3fHOUiTvtds/w250/AtsukoMaeda.png)
 no-repeat 50% -3px} /* Table Caption - Holds the Archive Select Menu */
 #bcaption{padding:3px 10px;margin:0;font:bold 100% 
Tahoma,Arial,Sans-serif;background:#1BA3CE;border-radius:2px} /* The 
Archive Select Menu */ #bcaption select{background:white;border:1px 
solid #0081BE;padding:1px;width:90%;color:#0591C7;font-weight:bold} /* 
The Heading Section */ table#bcalendar thead{} /* Head Entries */ 
table#bcalendar thead tr 
th{width:20px;text-align:center;padding:3px;font:bold 100% 
Tahoma,Arial,Sans-serif;background:#1BA3CE;border-radius:3px;color:white}
 /* The calendar Table */ table#bcalendar{margin:0 0;width:100%} /* The 
Cells in the Calendar */ table#bcalendar tbody tr 
td{cursor:pointer;text-align:center;border-radius:3px;padding:3px;color:#01A5CE;border:1px
 solid #DCEFF5;font:bold 100% Tahoma,Arial,Sans-serif} /* Links in 
Calendar */ table#bcalendar tbody tr td a:link,table#bcalendar tbody tr 
td a:visited,table#bcalendar tbody tr td 
a:active{font-weight:bold;color:#ffffff;text-decoration:none} 
table#bcalendar tbody tr td a:hover{color:#ffffff;text-decoration:none} 
/* First Row Empty Cells */ table#bcalendar tbody tr 
td.firstCell{visibility:visible;background:white;background:rgba(255,255,255,0.45)}
 /* Cells that have a day in them */ td.filledCell{background:white} 
td.filledCell:hover{background:#D8F4FF} /* Cells that are empty,after 
the first row */ td.emptyCell{visibility:hidden} /* Cells with a Link 
Entry in them */ table#bcalendar tbody tr 
td.highlightCell{background:#1BA3CE} table#bcalendar tbody tr 
td.highlightCell:hover{background:#00BAF5} /* Table Footer Navigation */
 table#bcNavigation{width:100%;padding:3px 5px;color:white;font:bold 
100% Tahoma,Arial,Sans-serif;background:#1BA3CE;border-radius:2px} 
table#bcNavigation a:link{text-decoration:none;color:#DBF5FF} 
table#bcNavigation a:hover{color:white} td#bcFootPrev{width:10px} 
td#bcFootAll{text-align:center} td#bcFootNext{width:10px} 
ul#calendarUl{margin:5px auto 0!important} ul#calendarUl li a:link{} 
#calLoadingStatus{background:white;padding:10px 0} #calLoadingStatus 
img{display:block;width:80px;margin:0 auto 10px}</blockquote>
 
 Style Girl 3: Dành cho những bạn thích Girl xinh 
 
 
 
<div style="text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiL448L9iVBmaklC5XLgaFOlZVxvt76JV-s57C7zGsH-t2sCqNJfwdCAR68viF4Wmyo-TKrw-v1j5baCRdVYuSAjNNatZafSGn9xIvzutg2MFWJDw5nWJbxJcSTl2pNOfdKIxLR-MQWY9o/s1600/SS_Oshima_Yuko.png"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiL448L9iVBmaklC5XLgaFOlZVxvt76JV-s57C7zGsH-t2sCqNJfwdCAR68viF4Wmyo-TKrw-v1j5baCRdVYuSAjNNatZafSGn9xIvzutg2MFWJDw5nWJbxJcSTl2pNOfdKIxLR-MQWY9o/w300/SS_Oshima_Yuko.png" /></a></div>
 
 
 
<blockquote>
#calendarDisplay{display:none}
 /* div that holds calendar */ #blogger_calendar 
*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
 #blogger_calendar{margin:0 auto;width:100%;padding:180px 8px 
8px;background:white 
url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjazNt7Wc-FkslIVhQKAsyjEEb9eBuLKx6nFTtXyx4rnM_6yQvx3NmiQDQrevcMaeFMS6pHMqbD_t60cayVIitMSyDJq_c0-7dm-_f7sWvypZhY-woLqRfp1FGr-p3Iuu0soWmSzkJEw2c/w250/2011215_ohshimayuko.png)
 no-repeat 50% -10px} /* Table Caption - Holds the Archive Select Menu 
*/ #bcaption{padding:4px 10px;margin:0;font:bold 100% 
Tahoma,Arial,Sans-serif;background:#790000;border:1px solid 
#400;border-radius:2px} /* The Archive Select Menu */ #bcaption 
select{background:white;border:0 solid 
#420000;width:90%;color:#8B0101;font-weight:bold;} /* The Heading 
Section */ table#bcalendar thead{} /* Head Entries */ table#bcalendar 
thead tr th{width:20px;text-align:center;padding:3px;border:1px solid 
#400;font:bold 100% 
Tahoma,Arial,Sans-serif;background:#790000;border-radius:3px;color:white}
 /* The calendar Table */ table#bcalendar{margin:0;width:100%} /* The 
Cells in the Calendar */ table#bcalendar tbody tr 
td{cursor:pointer;text-align:center;border-radius:3px;padding:3px;border:1px
 solid #CCC;color:#500;font:bold 100% Tahoma,Arial,Sans-serif} /* Links 
in Calendar */ table#bcalendar tbody tr td a:link,table#bcalendar tbody 
tr td a:visited,table#bcalendar tbody tr td 
a:active{font-weight:bold;color:#ffffff;text-decoration:none} 
table#bcalendar tbody tr td a:hover{color:#ffffff;text-decoration:none} 
/* First Row Empty Cells */ td.firstCell{visibility:visible} /* Cells 
that have a day in them */ 
td.filledCell{background:white;background:rgba(255,255,255,0.54)} 
td.filledCell:hover{background:#EBEBEB;background:rgba(255,255,255,0.79)}
 /* Cells that are empty,after the first row */ 
td.emptyCell{visibility:hidden} /* Cells with a Link Entry in them */ 
table#bcalendar tbody tr td.highlightCell{background:#790000;border:1px 
solid #9E0000} table#bcalendar tbody tr 
td.highlightCell:hover{background:#B60000;border:1px solid #9E0000} /* 
Table Footer Navigation */ table#bcNavigation{width:100%;padding:3px 
5px;color:#F1F1F1;font:bold 100% 
Tahoma,Arial,Sans-serif;background:#790000;border:1px solid 
#400;border-radius:2px} table#bcNavigation 
a:link{text-decoration:none;color:#DADADA} table#bcNavigation 
a:hover{color:white} td#bcFootPrev{width:10px} 
td#bcFootAll{text-align:center} td#bcFootNext{width:10px} 
ul#calendarUl{margin:5px auto 0!important} ul#calendarUl li a:link{} 
#calLoadingStatus img{display:block;width:80px;margin:10px auto}</blockquote>
 
 
 
 Style Girl 4: Dành cho những bạn thích Girl xinh 
 
 
 
<div style="text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdb4O2WRUzFqzuqL8B-CIgQhvTMIGFeZJhft57-LFrZxD_FonQBXOi6vpuxlZU2Pep1GKGLk0nZC7cmr35k5SidysmdCYu6oRwZq0qfHOFA6PlGFa26fEX9oeTeWaOz0BFktcXoNdK9dA/s1600/SS_Takamina.png"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdb4O2WRUzFqzuqL8B-CIgQhvTMIGFeZJhft57-LFrZxD_FonQBXOi6vpuxlZU2Pep1GKGLk0nZC7cmr35k5SidysmdCYu6oRwZq0qfHOFA6PlGFa26fEX9oeTeWaOz0BFktcXoNdK9dA/w300/SS_Takamina.png" /></a></div>
 
 
 
<blockquote>
#calendarDisplay{display:none}
 /* div that holds calendar */ #blogger_calendar 
*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
 #blogger_calendar{margin:0 auto;width:100%;padding:180px 8px 
8px;background:white 
url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIb9-pqAp2W2dChEVM5CDtcK3bxii-PhCa9T3-QkzxlLjMcAYeK-5brEKnw0YcVd3iuRU0UR37o4buChl2BRgZ4vz4T0vftnkiKcofFZkDQhbE6ngPxQ56HMUoOKhMPBLrNuAdpL2dKE4/w320/Minami.png)
 no-repeat 50% 0} /* Table Caption - Holds the Archive Select Menu */ 
#bcaption{padding:3px 10px;margin:0;font:bold 100% 
Tahoma,Arial,Sans-serif;background:#BE3206;background:rgba(190,50,6,0.55);border:1px
 solid #BE3E00;border-radius:2px} /* The Archive Select Menu */ 
#bcaption select{background:white;border:1px solid 
#BE3E00;padding:1px;width:90%;color:#B13100;font-weight:bold} /* The 
Heading Section */ table#bcalendar thead{} /* Head Entries */ 
table#bcalendar thead tr 
th{width:20px;text-align:center;padding:3px;font:bold 100% 
Tahoma,Arial,Sans-serif;background:#BE3206;background:rgba(190,50,6,0.55);border:1px
 solid #BE3E00;border-radius:3px;color:white} /* The calendar Table */ 
table#bcalendar{margin:0 0;width:100%} /* The Cells in the Calendar */ 
table#bcalendar tbody tr 
td{cursor:pointer;text-align:center;border-radius:3px;padding:3px;border:1px
 solid #FFC2AE;color:#CE3A01;font:bold 100% Tahoma,Arial,Sans-serif} /* 
Links in Calendar */ table#bcalendar tbody tr td a:link,table#bcalendar 
tbody tr td a:visited,table#bcalendar tbody tr td 
a:active{font-weight:bold;color:#ffffff;text-decoration:none} 
table#bcalendar tbody tr td a:hover{color:#ffffff;text-decoration:none} 
/* First Row Empty Cells */ table#bcalendar tbody tr 
td.firstCell{visibility:visible;background:#C54204;background:rgba(197,66,4,0.41);border:1px
 solid #C74E0A} /* Cells that have a day in them */ 
td.filledCell{background:white;background:rgba(255,255,255,0.53)} 
td.filledCell:hover{background:#FFE5D8;background:rgba(255,229,216,0.75)}
 /* Cells that are empty,after the first row */ 
td.emptyCell{visibility:hidden} /* Cells with a Link Entry in them */ 
table#bcalendar tbody tr 
td.highlightCell{background:#BE3206;background:rgba(190,50,6,0.8);border:1px
 solid #BE3E00} table#bcalendar tbody tr 
td.highlightCell:hover{background:#D63300;background:rgba(240,57,0,0.8)}
 /* Table Footer Navigation */ table#bcNavigation{width:100%;padding:3px
 5px;color:white;font:bold 100% 
Tahoma,Arial,Sans-serif;background:#BE3206;background:rgba(190,50,6,0.55);border:1px
 solid #BE3E00;border-radius:2px} table#bcNavigation 
a:link{text-decoration:none;color:#FFE4DB} table#bcNavigation 
a:hover{color:white} td#bcFootPrev{width:10px} 
td#bcFootAll{text-align:center} td#bcFootNext{width:10px} 
ul#calendarUl{margin:5px auto 0!important} ul#calendarUl li a:link{} 
#calLoadingStatus{background:white;padding:10px 0} #calLoadingStatus 
img{display:block;width:80px;margin:0 auto 10px}</blockquote>
 
 Style Girl 5: Dành cho những bạn thích Girl xinh 
 
 
 
<div style="text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBPQuTSUUzsjGXnKgoqGLkYO88DXaWYIiupqwZ2k3M3qLCSpnU-RlHfuibcz2zv5UiaPh0CqvSJOOaqdZv2F0V2XUtWVtMfQZxvi2lhdA9VXzNCiqJzqd0m9uRrxF30I1Qob8jfSqp4yE/s1600/SS_Melody.png"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBPQuTSUUzsjGXnKgoqGLkYO88DXaWYIiupqwZ2k3M3qLCSpnU-RlHfuibcz2zv5UiaPh0CqvSJOOaqdZv2F0V2XUtWVtMfQZxvi2lhdA9VXzNCiqJzqd0m9uRrxF30I1Qob8jfSqp4yE/w300/SS_Melody.png" /></a></div>
 
 
 
<blockquote>
#calendarDisplay{display:none}
 /* div that holds calendar */ #blogger_calendar 
*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
 #blogger_calendar{margin:0 auto;width:100%;padding:170px 8px 
8px;background:white 
url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6xMqzTnJhneJxChDiLqEjK7Hg5zxyOuFEc0mltgdyomil6l84iAHju_S9Ov35naRuIySBBWkEpI_g-DR5rT0CZyNPWVjaEcpHaafwtqDQxZlUFLvVCF_txyKoAD241MCXKgWskFDpYWk/w250/Melody.png)
 no-repeat 50% -3px} /* Table Caption - Holds the Archive Select Menu */
 #bcaption{padding:3px 10px;margin:0;font:bold 100% 
Tahoma,Arial,Sans-serif;background:#CC0039;background:rgba(204,0,57,0.59);border:1px
 solid #BE002E;border-radius:2px} /* The Archive Select Menu */ 
#bcaption select{background:white;border:1px solid 
#BE002E;padding:1px;width:90%;color:#C70543;font-weight:bold} /* The 
Heading Section */ table#bcalendar thead{} /* Head Entries */ 
table#bcalendar thead tr 
th{width:20px;text-align:center;padding:3px;font:bold 100% 
Tahoma,Arial,Sans-serif;background:#CC0039;background:rgba(204,0,57,0.59);border:1px
 solid #BE002E;border-radius:3px;color:white} /* The calendar Table */ 
table#bcalendar{margin:0 0;width:100%} /* The Cells in the Calendar */ 
table#bcalendar tbody tr 
td{cursor:pointer;text-align:center;border-radius:3px;padding:3px;color:#CE013A;font:bold
 100% Tahoma,Arial,Sans-serif} /* Links in Calendar */ table#bcalendar 
tbody tr td a:link,table#bcalendar tbody tr td a:visited,table#bcalendar
 tbody tr td 
a:active{font-weight:bold;color:#ffffff;text-decoration:none} 
table#bcalendar tbody tr td a:hover{color:#ffffff;text-decoration:none} 
/* First Row Empty Cells */ table#bcalendar tbody tr 
td.firstCell{visibility:visible;background:#C50442;background:rgba(197,4,66,0.32)}
 /* Cells that have a day in them */ 
td.filledCell{background:white;background:rgba(255,255,255,0.53)} 
td.filledCell:hover{background:#FFD8E0;background:rgba(255,216,224,0.67)}
 /* Cells that are empty,after the first row */ 
td.emptyCell{visibility:hidden} /* Cells with a Link Entry in them */ 
table#bcalendar tbody tr 
td.highlightCell{background:#CC0039;background:rgba(204,0,57,0.59)} 
table#bcalendar tbody tr 
td.highlightCell:hover{background:#EB0042;background:rgba(243,0,49,0.59)}
 /* Table Footer Navigation */ table#bcNavigation{width:100%;padding:3px
 5px;color:white;font:bold 100% 
Tahoma,Arial,Sans-serif;background:#CC0039;background:rgba(204,0,57,0.59);border:1px
 solid #BE002E;border-radius:2px} table#bcNavigation 
a:link{text-decoration:none;color:#FFDBE5} table#bcNavigation 
a:hover{color:white} td#bcFootPrev{width:10px} 
td#bcFootAll{text-align:center} td#bcFootNext{width:10px} 
ul#calendarUl{margin:5px auto 0!important} ul#calendarUl li a:link{} 
#calLoadingStatus{background:white;padding:10px 0} #calLoadingStatus 
img{display:block;width:80px;margin:0 auto 10px}</blockquote>
 
 10- Lưu mẫu lại và xem thành quả nha.

Tạo lưu trữ dạng lịch cho blogger với nhiều style đẹp

Thủ thuật blogspot Tạo lưu trữ dạng lịch cho blogger với nhiều style đẹp Với thủ thuật này Widget lưu trữ blog (Archive blog) mặc định củ...

Đọc thêm »

Long Luxi

Thủ thuật blogspot - Tổng hợp Thủ thuật blogspot tại Long luxi. Webiste luôn cập nhật những bài viết mới nhất về Thủ thuật blogspot tại Long luxi

Code hiện nội dung khi nhấn Like +1 cho website - blogspot

Tiện Ích Bài Viết Liên Quan Mới Nhất Cho Nhãn Trên Sidebar

8 mẹo tiết kiệm thời gian cho blogger

Code popup mở ra nhiều New Tab khi click vào web blogspot

Sử dụng host Google Drive nén CSS hoặc Javascript trong Blogger

Breadcrumb chuyên nghiệp cho Blogger

Hướng dẫn thêm khung quảng cáo góc phải màn hình blogspot, website

Hướng dẫn Facebook open graph meta tags

Công cụ tạo widget trực tuyến cho blogspot

Tạo lưu trữ dạng lịch cho blogger với nhiều style đẹp

Hot trong tuần

Bình luận